SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Addict DevilBear's Avatar
    Join Date
    Oct 2001
    Location
    Hades
    Posts
    301
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS border issues

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

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    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?

  3. #3
    SitePoint Addict DevilBear's Avatar
    Join Date
    Oct 2001
    Location
    Hades
    Posts
    301
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  4. #4
    SitePoint Addict DevilBear's Avatar
    Join Date
    Oct 2001
    Location
    Hades
    Posts
    301
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, the divs were not the problem. Anyone else have an idea?

  5. #5
    SitePoint Zealot ComputerBob's Avatar
    Join Date
    Jul 2003
    Location
    USA
    Posts
    197
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.
    ComputerBob - Making Geek-Speak Chic™
    http://www.computerbob.com
    - XHTML 1.0 Strict + CSS Layout
    Ratings | Forums | Software | Polls | Weird | Quotes | Weather
    Guest Articles | Free Greeting Cards | CB Awards | Search

  6. #6
    SitePoint Addict DevilBear's Avatar
    Join Date
    Oct 2001
    Location
    Hades
    Posts
    301
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  7. #7
    SitePoint Zealot ComputerBob's Avatar
    Join Date
    Jul 2003
    Location
    USA
    Posts
    197
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by DevilBear
    ...Browsers make me miserable
    You're not alone in that feeling.
    ComputerBob - Making Geek-Speak Chic™
    http://www.computerbob.com
    - XHTML 1.0 Strict + CSS Layout
    Ratings | Forums | Software | Polls | Weird | Quotes | Weather
    Guest Articles | Free Greeting Cards | CB Awards | Search

  8. #8
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by DevilBear
    Can anyone tell me how to find out the IE version? I'm an OS X guy. I'm used to "About <this program>"
    Help -> About Internet Explorer


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •