4 replies [Last post]
NevadaSam
NevadaSam's picture
Offline
newbie
Georgia
Last seen: 9 years 47 weeks ago
Georgia
Timezone: GMT-5
Joined: 2007-05-07
Posts: 7
Points: 0

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
;

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

secaro
Offline
newbie
Last seen: 13 years 20 weeks ago
Joined: 2007-06-07
Posts: 8
Points: 0

use 1px insted of thin and

use 1px insted of thin and the problem should be solved.

NevadaSam
NevadaSam's picture
Offline
newbie
Georgia
Last seen: 9 years 47 weeks ago
Georgia
Timezone: GMT-5
Joined: 2007-05-07
Posts: 7
Points: 0

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;
}

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me