I can't seem to find much info on how to style <HR> tags in CSS. I've found a couple of different ways, both of which don't seem to work in Firefox. Is there a better way to do these?It's rare to really need the BR element, usually the better solution is divide the document into DIVs and set a border. But you can apply styles to HRs. What do you want done to yours?Here's a "for example". I found that IE wants "color:" while FF wants "background-color:".
hr {
color: #69c;
background-color: #69c;
height: 7px;
width: 80%;
margin: 10px auto;
border: outset #69c 2px;
}usually the better solution is divide the document into DIVs
I am still learning to build site in pure CSS, so due to time contrainents and deadlines, I am still building sites with tables and not div tags. As soon as things slow down I mean to buy a book about it and ditch tables all together.Here's a "for example". I found that IE wants "color:" while FF wants "background-color:".
That worked for now, thanks. Didn't realize you could have color and background color in the same stylethis might considered bad technique but I have found that an <hr /> is a nice handy way to get a containing div to completely wrap around one or more floating divs. But in this case I usually don't want it to be visible so I give it a hr {
clear: both;
border: 1px solid #samecolorasthebackground;
}
Just thought I'd put that out there as a possible use in the CSS world.
hr {
color: #69c;
background-color: #69c;
height: 7px;
width: 80%;
margin: 10px auto;
border: outset #69c 2px;
}usually the better solution is divide the document into DIVs
I am still learning to build site in pure CSS, so due to time contrainents and deadlines, I am still building sites with tables and not div tags. As soon as things slow down I mean to buy a book about it and ditch tables all together.Here's a "for example". I found that IE wants "color:" while FF wants "background-color:".
That worked for now, thanks. Didn't realize you could have color and background color in the same stylethis might considered bad technique but I have found that an <hr /> is a nice handy way to get a containing div to completely wrap around one or more floating divs. But in this case I usually don't want it to be visible so I give it a hr {
clear: both;
border: 1px solid #samecolorasthebackground;
}
Just thought I'd put that out there as a possible use in the CSS world.