Horizontal rule

[Christian Zenner]

Hi,

how can I make a horizontal rule (<hr>) 1px thin? Border: 1px; doesn't work.

Anybody has an idea?

Thanks,

Chris

[brucie]

in post: <news:cd*************@news.t-online.com>
Christian Zenner <ch******@gmx.de> said:

how can I make a horizontal rule (<hr>) 1px thin? Border: 1px; doesn't work.

hr{border:0;height:1px;color:red;background:red;}

--
b r u c i e

[Stan Brown]

"Christian Zenner" <ch******@gmx.de> wrote in
comp.infosystems.www.authoring.stylesheets:

how can I make a horizontal rule (<hr>) 1px thin? Border: 1px; doesn't work.

Because you're not drawing a border around the rule. A rule of a
given thickness or thinness has that height.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/

[Neal]

On Mon, 19 Jul 2004 02:10:37 +0200, Christian Zenner <ch******@gmx.de>
wrote:

Hi,

how can I make a horizontal rule (<hr>) 1px thin? Border: 1px; doesn't
work.

Anybody has an idea?

Thanks,

Chris

CSS:

..hr {margin: auto 7.9%; border-bottom: 1px solid black; width: 84%;}
..hr hr {display: none;}

HTML:

<div class="hr"><hr></div>