469,360 Members | 1,799 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,360 developers. It's quick & easy.

How do i get dotted table borders?

Hi everyone,

well i know the CSS-Entity "border-style:dotted", but it doesn't work for
me - i need 1 Pixel dotted borders, but "border-style:dotted" creates (on my
IE 6, at least) dashed borders (2 Pixels wide).

Is there anything to take care of too or is it simply not possible to do
this with CSS/HTML?

Thanks for your tips,
Christian
Jul 20 '05 #1
3 18040
On Mon, 23 Feb 2004 16:04:48 +0100, Christian Knoflach <ch*******@kno.at>
wrote:
well i know the CSS-Entity "border-style:dotted", but it doesn't work for
me - i need 1 Pixel dotted borders, but "border-style:dotted" creates
(on my IE 6, at least) dashed borders (2 Pixels wide).

Is there anything to take care of too or is it simply not possible to do
this with CSS/HTML?


This has nothing to do with HTML or CSS. Your problem is with IE.
Specifying:

table {
border-style: dotted;
border-width: 1px;
}

works perfectly in Opera, Netscape, and Mozilla. However, as you say, IE
renders it with dashes, unless you use larger widths.

As for workarounds at 1px, I'm not sure.

Mike

--
Michael Winter
M.******@blueyonder.co.invalid (replace ".invalid" with ".uk" to reply)
Jul 20 '05 #2

"Christian Knoflach" <ch*******@kno.at> wrote in message
news:40***********************@newsreader02.highwa y.telekom.at...
Hi everyone,

well i know the CSS-Entity "border-style:dotted", but it doesn't work for
me - i need 1 Pixel dotted borders, but "border-style:dotted" creates (on my IE 6, at least) dashed borders (2 Pixels wide).

Is there anything to take care of too or is it simply not possible to do
this with CSS/HTML?


Welcome to the frustrations of IE.
Somehow M$ is a member of W3C, but doesn't comply with its standards.
--

Karl Groves
http://www.karlcore.com

Jul 20 '05 #3
Karl Core wrote:
"Christian Knoflach" <ch*******@kno.at> wrote in message
news:40***********************@newsreader02.highwa y.telekom.at...
Hi everyone,

well i know the CSS-Entity "border-style:dotted", but it doesn't
work for me - i need 1 Pixel dotted borders, but
"border-style:dotted" creates (on my IE 6, at least) dashed borders
(2 Pixels wide).
3 pixels wide on my PC. (I just put a screen capture into Photoshop).

Also note that different browsers leave different numbers of pixels between
the dots. Forefox leaves 1, Opera leaves 2, and IE 6 leaves 3. (IE 5 is
continuous - but see below).
Is there anything to take care of too or is it simply not possible
to do this with CSS/HTML?


Welcome to the frustrations of IE.
Somehow M$ is a member of W3C, but doesn't comply with its standards.


The standards actually don't say it must be 1 x 1. In fact, they even say:
"Conforming HTML user agents may interpret 'dotted', 'dashed', 'double',
'groove', 'ridge', 'inset', and 'outset' to be 'solid'."

Hm!

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by David Ross | last post: by
4 posts views Thread by NeverLift | last post: by
7 posts views Thread by NeverLift | last post: by
reply views Thread by landon.chelf | last post: by
9 posts views Thread by Michael Redbourn | last post: by
reply views Thread by zhoujie | last post: by
1 post views Thread by Marylou17 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.