[Solved by Mark] Album thumbs hover in IE but not Firefox
Posted: Wed Oct 17, 2007 1:58 pm
Using the "Album Template Stylesheet" I get a nice rollover effect in IE but not Firefox for album thumbs, as seen here:
http://myharbourisland.com/property/index.php?page=properties
The only changes I've made to the code below are width and height, as well as adding which didn't help any (nor did 100 other experiments.)
The template code this is acting on is:
A secondary problem is that the text is correctly centering under the thumbs in IE, but in FF it left aligns. Any help much appreciated.
Teri
http://myharbourisland.com/property/index.php?page=properties
The only changes I've made to the code below are width and height, as well as adding
Code: Select all
.thumb a:link img{}Code: Select all
/* Album and Picture Lists */
.thumb
{
padding:0;
width:auto;
margin:0 0.5em 0.5em 0;
text-decoration:none;
line-height:normal;
list-style-type:none;
text-align:center;
float:left;
}
.thumb a /*controls frame, not image*/
{
display:block;
width:150px;
height:120px;
padding:10px;
margin:0;
background-color:white;
border-top:1px solid #eee;
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
border-left:1px solid #eee;
text-decoration:none;
text-align:center;
}
.thumb a:link img{ }
.thumb a:visited img{background-color:#eee;}
.thumb a:hover img {background-color:#dae6e4;}Code: Select all
<li class="thumb">
<A href="whatever"> <img /></a>
</li>Teri