CSS border issues

**DevilBear** · Oct 3, 2003, 03:24

I'm a bit stumped here...

Check out the pages at http://www.northsouthshootout.com/

All the links should be "underlined" with a dashed 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 a dashed underline, but some do.

Any clue as to what's determining whether it shows or not?

Here is the relevant CSS:

Code:

a { color: #1B4960; 
	text-decoration: none;
	border-width: 0 0 1px 0; 
	border-style: none none dotted none;
	padding: 0px 0px -1px 0px; }

**vgarcia** · Oct 3, 2003, 04:15

IE only understands dotted borders when the border width is greater than 1 pixel. As for dashed borders, I've had trouble with those and older versions of IE (before 5.5). Is it showing a solid border instead?

**DevilBear** · Oct 3, 2003, 10:05

First, I think this may have to do with <divs>... either the presence of them, or the fact that if they are present, they tend to be unclosed. <laugh> Bad DevilBear! I won't be able to tell until I'm back at the office though.

Anyway, I'm sorry for not being very precise with my words. They're supposed to be dotted borders. His IE renders them as dashes. Anyway, it shows the border sometimes, or no border at all.

Can anyone tell me how to find out the IE version? I'm an OS X guy. I'm used to "About <this program>"

Anyway, context:
The byline at the very bottom shows up correctly on almost every page.

The index page has one link in the body; it shows up correctly.

The Purse & Procedure page has a link, the DMC Auto Exchange, and it doesn't show.

The Entry Form page should have no border on the PDF icon graphic and a border on the text link next to it, and his IE has this reversed. Changing the class of the text link to match the text of the graphic's link doesn't help.

The Tickets page has two links in the body of the text, and neither render correctly. Well, they might now that I've taken a particular <div> out.

The Merchandise page has two such links and both render correctly.

The Qualifying page has links to tracks, none show.

The Drivers page has links to drivers, and all linked drivers show.

The Hotels page has links that also show correctly.

The navigation sidebar has two text links under the main graphic buttons, neither of these show correctly.

**DevilBear** · Oct 3, 2003, 16:50

Well, the divs were not the problem. Anyone else have an idea?

**ComputerBob** · Oct 3, 2003, 18:17

I'm no expert, so I may be wrong, but on that page, I see only two links that aren't underlined. Both of those links are set to the "a.special" class, but I don't see any CSS selector for that a.special class:

Code:

<td class="special"> <a class="special"  href="media.php">Media Info</a>  |  <a class="special"  href="contact.php">Contact Info</a> </td>

Try removing the red parts above. If that works, then the problem is your "special" selector. If that's the case, then either remove class="special" from every non-dashed-underlined link, or create a selector for a.special that has the same dashed properties that your generic a selector has.

**DevilBear** · Oct 3, 2003, 20:42

Thanks ComputerBob... I don't know how that will affect the underlining on this particular browser yet, but it needed to be changed anyway.

None of the other links have that issue, though. Browsers make me miserable