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

Specify <HR> attribs with CSS?

P: n/a
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
Jul 20 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
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/
Jul 20 '05 #2

P: n/a
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
Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.