Hey all – I’m new to this forum :)
I’ve launched a website http://barryslaven.com that seems to load up fine in every browser except IE 4, 5 and 6
The problem is with the navigation links at the top of the page – they seem to resize and align really awkwardly.
I don’t have a pc or access to IE 5.5 so I’m trying to update this page using browsershots.org which takes a while to load.
Are there any experienced CSSers out there who can point me in the right direction? Why is this happening?
You should really be using an unordered list for your navigation, with plain text links and then using css to replace the text with your images.
That aside, give your images their proper dimensions.
Thanks for your reply apostrophe
I’ve tried a couple of techniques here – I had originally used an unordered list but IE 6 doesn’t seem to acknowledge that the list items should be floated – instead they just stack vertically.
Implicityly stating the dimensions of each image as attributes in the HTML has solved the problem of the image sizing.
Anyone have any idea with the list items are not floating left?
margin: 0 auto;
padding: 0.6em 0 0.6em;
margin: 0 1em;
<img alt="Home" height="16px" src="/images/nav_images/home_hover.png?1242303421" width="72px" />
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".