J.J.Baxter - My place on the web - interests, hobbies, thoughts & ruminations
Home / Blog
Books
Links
Images
Aug Sep-2010 Oct
SMTWTFS
2930311234
567891011
12131415161718
19202122232425
262728293012
3 4 5 6 7 8 9
Reset Calendar
Snorg Girls
Programming Tips
Sherlock Holmes
Mythbusters
Gallipoli
Nova Science Now
Ajax Loading Images
The Girls of Dr. Who
Keratosis Pilaris (KP)
Amazing Water
Buy me a drink? I'll have a Cappuccino, thanks.
Random Images
Random Link
Newcastle TV Guide #2
Random Book
A Letter of Mary
by Laurie R King






All Rights Reserved 2008
JJBaxter.com

J.J.Baxters Development Tips & Snippets
backBack
 overlapping images (HTML : 11-Oct-2006)
The thumbnails on the linked page overlap nicely. When I looked at the code it was simple, I like simple.

<div STYLE="position:absolute;left:20px;top:18px;width:89px;height:89px;z-index:1;visibility:visible;">
<A HREF="link1.htm" target="photo"><img Align=Top SRC="pic1.jpg" alt="" WIDTH=89 HEIGHT=89 border=0></A>
</div>

<div STYLE="position:absolute;left:70px;top:53px;width:89px;height:89px;z-index:2;visibility:visible;">
<A HREF="link2.htm" target="photo"><img Align=Top SRC="pic2.jpg" alt="" WIDTH=89 HEIGHT=89 border=0></A>
</div>

<div STYLE="position:absolute;left:20px;top:111px;width:69px;height:89px;z-index:3;visibility:visible;">
<A HREF="link3.htm" target="photo"><img Align=Top SRC="pic3.jpg" WIDTH=69 HEIGHT=89 border=0></A>
</div>

<div STYLE="position:absolute;left:30px;top:171px;width:117px;height:89px;z-index:4;visibility:visible;">
<A HREF="link4.htm" target="photo"><img Align=Top SRC="pic4.jpg" alt="" WIDTH=117 HEIGHT=89 border=0></A>
</div>

<div STYLE="position:absolute;left:110px;top:210px;width:64px;height:100px;z-index:5;visibility:visible;">
<A HREF="link5.htm" target="photo"><img Align=Top src="pic5.jpg" width="64" height="100" border=0 alt=""></A>
</div>
Ref Link: http://www.maireadnesbitt.com/photo/index.html