Guest twosheds Posted June 25, 2009 Share Posted June 25, 2009 When mouse over on a single image to expand This code works great, but i have some 20 thumbs on a webpage but used this way any magnified image sits behind other thumbs. I would like any larger image on top of anything else so any viewer can see the whole magnified image.is there a way round this, i use IE 8. Works fine in other browsers but not IE 8Does anyone have any ideas, or is there another way to achieve the same result.many thanksThis is the code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>0122</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">table#menu td {font-family: Monotype Corsiva; padding-bottom: 20px; vertical-align: top;}.thumbnail {position: relative; z-index: 0;}.thumbnail:hover {background-color: transparent; z-index: 50;}.thumbnail span {position: absolute; background-color: #ccc; padding: 4px; left: 0px; border: none; visibility: hidden;margin:100px 0px 0px 70px; color: black; text-decoration: none; width: 0px; height: 0px;}.thumbnail:hover span {visibility: visible; width: auto; height: auto; display: block;}img.hoverThumb {border: 1px solid fff;}.unnamed1 {color: #33FF00; text-decoration: none;}.links {color: #FFFFFF; text-decoration: none;}</style></head><table width="70" border="0" align="center"><tr><td> <a href="#nogo" target="_blank" class="thumbnail" ><span><img src="Duplicate%20site/Expanded/(034).jpg" alt="Detailed view" width="250" height="333" border="0"></span><img src="Duplicate%20site/CURRENT%20STICKS%20FOLDER/Animal%20and%20Bird%20sticks/Thumbs/2071.jpg" width="90" height="120" border="1" class="hoverThumb"></a></td><td> <a href="#nogo" target="_blank" class="thumbnail" ><span><img src="Duplicate%20site/Expanded/(034).jpg" alt="Detailed view" width="250" height="333" border="0"></span><img src="Duplicate%20site/CURRENT%20STICKS%20FOLDER/Animal%20and%20Bird%20sticks/Thumbs/2071.jpg" width="90" height="120" border="1" class="hoverThumb"></a></td></tr></table></body></html> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.