gallery page help!!!!

[chichi8]

Im working on a website and I'm doing a gallery page. The gallery page has one
large picture in the middle of the page and smaller thumbnails around it. I
have it set up so that when you click a thumbnail it becomes enlarged in the
middle of the page with the larger image becoming a thumbnail.
The only problem is when you scroll to the bottum of the page and click one of
the thumbnails below the larger image the page loads to the top of the new page
and the viewer has to scroll down everytime that happens. Is there a way to
have the new page load in the middle of the page?

Thanks

[lihaze]

can you post your code

[chichi8]

Yes the code is:

<table width="675" border="0" align="center">
<tr>
<td colspan="4"><div align="center"><br>
<strong><font size="4" face="Georgia, Times New Roman, Times,
serif">Family/Children
Portraits <br>
</font></strong><br>
</div></td>
</tr>
<tr>
<td width="139">&nbsp;</td>
<td width="184"><div align="center"><a href="family3.html"><img
src="images/family3small.jpg" width="134" height="136" border="0"></a><br>
<br>
</div></td>
<td width="193"><div align="center"><a href="family2.html"><img
src="images/family2small.jpg" width="134" height="136" border="0"></a><br>
<br>
</div></td>
<td width="141">&nbsp;</td>
</tr>
<tr>
<td height="159">
<div align="center"><a href="kids4.html"><img
src="images/kids4small.jpg" width="134" height="136" border="0"></a></div></td>
<td colspan="2" rowspan="2"><div align="center"><img
src="images/family1.jpg" width="350" height="350"></div></td>
<td><div align="center"><a href="kids3.html"><img
src="images/kids3small.jpg" width="134" height="136" border="0"></a></div></td>
</tr>
<tr>
<td height="198">
<div align="center"><a href="kids5.html"><img src="images/kids5small.jpg"
width="134" height="136" border="0"></a></div></td>
<td><div align="center"><a href="kids2.html"><img
src="images/kids2small.jpg" width="134" height="136" border="0"></a></div></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><div align="center"><br>
<a href="family4.html"><img src="images/family4small.jpg"
width="134" height="136" border="0"></a><br>
</div></td>
<td><div align="center"><br>
<a href="kids1.html"><img src="images/kids1small.jpg"
width="134" height="136" border="0"></a><br>
</div></td>
<td>&nbsp;</td>
</tr>
</table>

[lihaze]

Put an anchor where you want to the top of the page to be.

So prob, something like this:

<td colspan="4"><a name="topbit"></a><div align="center"><br>
<strong><font size="4" face="Georgia, Times New Roman, Times,
serif">Family/Children
Portraits <br>
</font></strong><br>
</div></td>

The on the links send them to the page with the anchor

<td width="184"><div align="center"><a href="family3.html#topbit"><img
src="images/family3small.jpg" width="134" height="136" border="0"></a><br>
<br>
</div></td>

Let me know if this isn't what you mean.
If you redid the page using javascript to change the images it would be less
of a maintenance pain.

[Dugless]

Call me stupid for asking but anchors are the same as bookmarks like you would use on FrontPage aren't they?

[lihaze]

I've never used front page, but it bookmark/anchor sounds interchangeable!