Sent by Al ~Albaby~ Guevara on 2 May 2007 21:09
The page:
http://www.phoenixchristian.org/news_fake_page.html
The Problem:
Its that in IE, the larger OVER image doesnt link, only the smaller image, yet works fine in FF.
I'm thinking the span used for the larger image is the problem maybe, but I'm basically stumped
??&>#%??
The Css code for the IMAGE OVER in the page is below
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
<style type="text/css">
..thumbnail{
position: relative;
z-index: 0;}
..thumbnail:hover{
background-color: #016600;
z-index: 50;}
..thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
left: -1000px;
visibility: hidden;
color: transparent;
text-decoration: none;}
..thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;}
..thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -250px; /*position where enlarged image should offset horizontally */}
</style>
How the image gets called
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
<a class="thumbnail" href="vendors/phoenix_christian_unified_vendors.html" title="Click for our
Vendor's Page">
<img src="vendors/card1-small.jpg" alt="" width="130" height="75" border="0" />
<span><img src="vendors/card1-normal.jpg" alt="" /></span></a>
Thanks much!
Al Guevara * www.Tucson-WebDesign.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
