Sat, 2007-06-09 11:43
This displays correct with FF, but 90% of the visitors use IE.
Is there a fix?
CSS and HTML code used:
img {
border : 0;
}
.tn {
float : left;
position : relative;
border-color : #000080;
border : solid;
border-width : thin;
padding : 1px;
margin-top : 0;
margin-right : 5px;
margin-bottom : 0;
margin-left : 0;
}
<a href="photos/house_587vw.jpg" class="tn" rel="nofollow">
<img src="photos/house_587tn.jpg" alt="photo" />
</a>
Sam
;
Sat, 2007-06-09 12:45
#1
Don't use keywords, they're
Don't use keywords, they're often problematic.
Get in the habit of using shorthand properties you have 5 property declarations in that ruleset if you shorthand them and try pixel or em values for the border widths.
Sat, 2007-06-09 14:13
#2
use 1px insted of thin and
use 1px insted of thin and the problem should be solved.
Sat, 2007-06-09 15:04
#3
Hugo, this now works. Is it
Hugo, this now works. Is it the correct shorthand method. I was using the other way because I thought I read that the shorthand doesn't always work right.
.tn {
float : left;
position : relative;
border : 1px solid #000080;
padding : 1px;
margin : 0 5px 0 0;
}
Sat, 2007-06-09 15:49
#4
Yes that's correct
Yes that's correct shorthand; in general it's considered safer to use shorthand declarations where possible, as they are actually safer.