Forum Moderators: open

Message Too Old, No Replies

Fragment identifier bottoms target

Displays content above target instead of target screen

         

VanB

11:20 pm on Jan 23, 2005 (gmt 0)

10+ Year Member



I have many simple galleries (index.htm only) of my photos created in PS Elements 2, thumbnails (144x) 6 across and any number of pages down.

In WordPad I make specific changes such as inserting </TABLE> <FONT size="1" face="Arial" color="black"> <A name="Page2">.</A> (3,4,etc.) <TABLE cellspacing=10 cellpadding=0 border=0> every 4 rows.

A click on any thumbnail takes you to the full screen image to which PSE added 3 arrows up top: Previous, Home and Next.

I use HandyFile Find And Replace to globally remove all excess vertical space to minimize scrolling for the user. I also globally add names and fragment identifiers to the Previous and Next links.

One annoying aspect of clicking on the Home arrow is that it takes you back to the top of the gallery, rather then to where you came from. Therefore, I want to add a fragment identifier to each Home link that takes you back to Page1, 2, etc. in the Gallery, globally editing 24 pages at a time. i.e:
<TD width="80" align="center"><A href="../index.htm#Page2" ><IMG src="../images/home.gif" height="30" width="30" border="0" alt=Home></A></TD>

Here's my problem: a click on this Home link does take you to the relative Page, but usually with the target position arriving at the bottom of the screen (showing the preceding 24 thumbnails) rather then the top (showing the intended 24 thumbnails including the one previously clicked on).

I apparently don't know the correct terminology because I can find no mention of this problem anywhere with various Google and other searches.

Of course I am not an HTML expert but I was a programmer in a past life. I know there has got to be a command or something simple that will make the intended page appear on the screen every time.

I have thought of simply moving the …<A name="Page… lines up a couple rows, but I think there must be something made for putting the target Page marker at the top.

Would appreciate any guidance. Thanks.

tedster

10:22 pm on Mar 11, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hello VanB and a long delayed welcome to the forums. Sorry to see your question go with no response for so long.

Named anchors within a table often behave in this way, if I understand your description correctly. Named anchors within a table cell often take the browser to the top of the table, and not the specific table cell.

The only fixes I know of are:

1. use divs to layout the thumbnails

2. let the thumbnail layout flow naturally down the page using <br> tags betweren images and placing the named anchors as appropriate.

VanB

3:21 am on Mar 12, 2005 (gmt 0)

10+ Year Member



Divs are definitely something I have to stop and study. Likewise CSS.

I like to use <BR><BR> to carry formatting from one paragraph of text to the next, reducing bloat - simply replacing </p> /rn <p> style='margin... etc.. It is great for any verticle arrangement.

But the gallery thumbnails are in groups of 6 horizontal, over 6 textual descriptions, etc., so I can't quite see where <BR> would work here.

I really should go read the directions, I guess.

Thanks. :)

<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>

[edited by: tedster at 3:36 am (utc) on Mar. 12, 2005]