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.