By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
454,632 Members | 1,340 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 454,632 IT Pros & Developers. It's quick & easy.

How do i get dotted table borders?

P: n/a
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
Share this Question
Share on Google+
3 Replies


P: n/a
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

P: n/a

"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

P: n/a
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.