2 replies [Last post]
DevilBear
Offline
newbie
Rochester, NY
Last seen: 17 years 16 weeks ago
Rochester, NY
Joined: 2003-10-04
Posts: 1
Points: 0

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

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 6 days 10 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

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.

fivecentdesign
Offline
newbie
Bloomington, MN
Last seen: 17 years 13 weeks ago
Bloomington, MN
Timezone: GMT-5
Joined: 2003-10-24
Posts: 1
Points: 0

Re: CSS border issues

DevilBear wrote:

...
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.