Dotted vs. Dashed Table Borders

[writhe]

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?

[Marc]

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?

[writhe]

Marc-

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

[writhe]

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.

[creole]

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.

[Marc]

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