[Solved] Album css ok in IE but not FF
-
dlpirl
[Solved] Album css ok in IE but not FF
Take a look at http://s2pmarketsignal.com/MatxainEtxea ... hoto-album in both IE and FF and you will see that in IE text is correctly centered over album thumbnails, but in FF it is not. Any ideas how to fix?
Last edited by dlpirl on Thu Dec 06, 2007 4:18 pm, edited 1 time in total.
Re: Album css ok in IE but not FF
Actually text is aligned correctly but image is not. In IE that is done with text-align:center. For Firefox you need margin: 0 auto;
So...
.thumb a
{
display:block;
height:72px;
/* Set link formatting*/
width:100px;
/* Thumb width*/
/* Thumb height*/
padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
margin:0 auto; <-- Modify this
background-color:white;
/*Background of thumb */
border-top:1px solid #eee;
/* Borders of thumb frame */
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
border-left:1px solid #eee;
text-decoration:none;
}
Should fix it.
Br, K
So...
.thumb a
{
display:block;
height:72px;
/* Set link formatting*/
width:100px;
/* Thumb width*/
/* Thumb height*/
padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
margin:0 auto; <-- Modify this
background-color:white;
/*Background of thumb */
border-top:1px solid #eee;
/* Borders of thumb frame */
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
border-left:1px solid #eee;
text-decoration:none;
}
Should fix it.
Br, K

