SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot
    Join Date
    Jul 2001
    Location
    Houston
    Posts
    130
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Dotted vs. Dashed Table Borders

    I've tried the two, hoping I could get my table borders to be dotted, but the dotted border looks exactly the same as the dashed border in both IE 5.5 and IE 6. Can anyone tell me if they have successfully gotten dotted borders out of CSS2?

  2. #2
    SitePoint Guru Marc's Avatar
    Join Date
    Nov 2000
    Location
    New York
    Posts
    765
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well ive never used it personally, but the w3c says it works in IE 5.5+ and netscape 6, but nothing else.

    heres roughly the css..
    <style type="text/css">
    p.dotted {border-style: dotted}
    p.dashed {border-style: dashed}
    </style>
    and then in the html..
    <p class="dotted">This should have a dotted border</p>
    <p class="dashed">This should have a dashed border</p>
    that doesn't work?
    Marc Gugliuzza
    marc.gugliuzza.com



  3. #3
    SitePoint Zealot
    Join Date
    Jul 2001
    Location
    Houston
    Posts
    130
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Marc-

    Try it. It doesn't work for me. The borders look the same, like there's no difference between dashed and dotted.

  4. #4
    SitePoint Zealot
    Join Date
    Jul 2001
    Location
    Houston
    Posts
    130
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    I'm a Moron

    I just bumped the width up to something larger than 1px and you can, in fact, tell the difference between the two. I still think it is lame, though, that at 1px they look identical.
    Last edited by writhe; Nov 14, 2001 at 11:14.

  5. #5
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try this instead:

    <style type="text/css">
    <!--

    p.dotted {border-style: dotted; border-width: 10px; border-color:#ff0033;}
    p.dashed {border-style: dashed; border-width: 10px; border-color:#ff0033;}

    -->
    </style>

    It makes the stroke around the area much larger. This makes it easier for you to see the difference.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  6. #6
    SitePoint Guru Marc's Avatar
    Join Date
    Nov 2000
    Location
    New York
    Posts
    765
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmm yea, the size controls many things.

    just yesterday in fact, I had a simliar problem with CSS, i think it was because if you set the a font to less than 9pt and then make it bold, it does not show up bold in netscape 4.x ah the joys of netscape...
    Marc Gugliuzza
    marc.gugliuzza.com




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
  •