Specify <HR> attribs with CSS?

[Jeremy Collins]

Hi all,

How do I specify "noshade" as the style for an <HR>
element in my style sheet?

hr {
height: 1px;
color: #EEEEEE;
????
}

Cheers,

--
jc

Remove the -not from email

[Barry Pearson]

Jeremy Collins wrote:

Hi all,

How do I specify "noshade" as the style for an <HR>
element in my style sheet?

hr {
height: 1px;
color: #EEEEEE;
????
}

I prefer to use { height: 0 } to stop the variety of browser default styles
(which they implement in different ways), then make the line visible using the
top (or bottom) border. Hence:

hr { height: 0; border-style: solid; border-width: 1px 0 0 0; border-color:
#eee }

It works as expected in IE 6, IE 5, Firefox 0.8, Netscape 7.1, and Opera 7.23,
on W2000. I don't know under what circumstances it fails.

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/

[Jeremy Collins]

Barry Pearson wrote:

I prefer to use { height: 0 } to stop the variety of browser default styles
(which they implement in different ways), then make the line visible using the
top (or bottom) border. Hence:

hr { height: 0; border-style: solid; border-width: 1px 0 0 0; border-color:
#eee }

Nice idea! Problem solved, many thanks.
--
jc

Remove the -not from email