How to define the HR element using CSS?

Hi,

I wonder which style sheet properties to use on specifying a HR element. Can
someone please enlighten me here?

<hr style="border: 1px solid gray">
doesn't substitute
<hr noshade size="1" color="Gray">

it's 2 pixels on IE6...

TIA,
Axel Dahmen

I wonder which style sheet properties to use on specifying a HR
element. Can
someone please enlighten me here?

hr style="border: 1px solid gray"
doesn't substitute
hr noshade size="1" color="Gray"

it's 2 pixels on IE6...

That seems reasonable as you have defined a 1px border top and bottom.
Have a play around with the 'height' with and without borders and
using foreground and background colours to see what happens. You
might want to set the foreground and background colours the same for
best cross browser support.

Thanks for your tips Graham. I'll give it a try and "fiddle" around with the
properties you've mentioned.

------------------
"Graham J" <individual-news-7 (AT) orangebucket (DOT) co.uk> schrieb im Newsbeitrag
news:bnjtb1$11nsiu$1 (AT) ID-203032 (DOT) news.uni-berlin.de...

I wonder which style sheet properties to use on specifying a HR
element. Can
someone please enlighten me here?

hr style="border: 1px solid gray"
doesn't substitute
hr noshade size="1" color="Gray"

it's 2 pixels on IE6...

That seems reasonable as you have defined a 1px border top and bottom.
Have a play around with the 'height' with and without borders and
using foreground and background colours to see what happens. You
might want to set the foreground and background colours the same for
best cross browser support.

Axel Dahmen wrote:

Hi,

I wonder which style sheet properties to use on specifying a HR element. Can
someone please enlighten me here?

hr style="border: 1px solid gray"
doesn't substitute
hr noshade size="1" color="Gray"

Well, you should take out the html styling (noshade etc).

Here's a few examples:

http://porjes.com/pichr.html
http://porjes.com/hrs.html