hr with styles

I'm trying to get the margins to set to zero in CSS for the hr tag. I've
tried the following with no luck:

hr {margin: 0px;height:1px;}
hr {padding: 0px;height:1px;}}
hr {margin: 0px;display:inline;height:1px;}}
hr {margin: 0px; padding: 0px; display:compact;height:1px;}}

I've tried these in the style attribute as well. I don't want there to be
paragraph space on top or bottom. Suggestions?

--
Thanks
Ian O'Betz

On 27 Aug 2004 in macromedia.dreamweaver, Ian O'Betz wrote:

I'm trying to get the margins to set to zero in CSS for the hr tag.
I've tried the following with no luck:

hr {margin: 0px;height:1px;}
hr {padding: 0px;height:1px;}}
hr {margin: 0px;display:inline;height:1px;}}
hr {margin: 0px; padding: 0px; display:compact;height:1px;}}

I've tried these in the style attribute as well. I don't want there
to be paragraph space on top or bottom. Suggestions?

In addition to setting the margin tags on the <hr>, you have to set it
on the adjacent tags.

<p style="margin-bottom:0px;">blah</p>
<hr style="margin : 0px;" />
<p style="margin-top:0px;">blah</p>

CSS Done inline for demonstration; you're almost always better off
doing it externally or at least document-wide.

Why not just do a border on one of the other elements?

--
Joe Makowiec
http://makowiec.net/
Email: http://makowiec.net/email.php

Good call on border around one of the other elements. P's now have border on
the bottom. Every little bit of bandwidth saved helps.

--
Thanks
Ian O'Betz
www.premier-ed.com
"Joe Makowiec" <makowiec (AT) invalid (DOT) invalid> wrote

On 27 Aug 2004 in macromedia.dreamweaver, Ian O'Betz wrote:

I'm trying to get the margins to set to zero in CSS for the hr tag.
I've tried the following with no luck:

hr {margin: 0px;height:1px;}
hr {padding: 0px;height:1px;}}
hr {margin: 0px;display:inline;height:1px;}}
hr {margin: 0px; padding: 0px; display:compact;height:1px;}}

I've tried these in the style attribute as well. I don't want there
to be paragraph space on top or bottom. Suggestions?

In addition to setting the margin tags on the <hr>, you have to set it
on the adjacent tags.

p style="margin-bottom:0px;">blah</p
hr style="margin : 0px;" /
p style="margin-top:0px;">blah</p

CSS Done inline for demonstration; you're almost always better off
doing it externally or at least document-wide.

Why not just do a border on one of the other elements?

--
Joe Makowiec
http://makowiec.net/
Email: http://makowiec.net/email.php