I'm a bit stumped here...
Check out the pages at http://www.northsouthshootout.com/
All the links should be "underlined" with a dotted border. This works on most every modern browser I've tested the site with, but with my partner's older Internet Explorer (5 I think) most of the links don't show the underline, but some do. So I know it can do it, I just don't know what's causing the inconsistent display.
Any clue as to what's determining whether it shows or not?
Here is the relevant CSS:
a { color: #1B4960; text-decoration: none; border-width: 0 0 1px 0; border-style: none none dotted none; padding: 0px 0px -1px 0px; }
CSS border issues
Hi DevilBear,
IE5.5 was the first of the IE browsers on windows to support dotted or dashed border-styles.
Hope that helps.
Re: CSS border issues
... border-width: 0 0 1px 0; border-style: none none dotted none; padding: 0px 0px -1px 0px; ...
Three things, DB:
1. If your border width is zero, no need to specify "none" as a border style. No matter what style, it's still zero width.
2. Negative padding isn't allowed in CSS ... and it doesn't really make sense anyway. Catch errors like this by using http://jigsaw.w3.org/css-validator/ to validate your CSS files. It's the first and most important step to bug-free rendering.
3. A more elegant way to code this identical style would be
... border-bottom: 1px dotted; padding: 0; ...
And my guess is that you'll be magically bug-free as well.