h3 gap want to get rid of space after before hr

For some reason there is a gap before the hr.

Here is the relevant code-how do I get rid of the gap? TIA!!:
#contentinside p {
font-size: 75%;
}
#contentinside h4 {
font-size: 90%;
margin: 0;
padding: 0;
}
hr { margin: 0;
padding: 0;
clear: both;
}


<div id="contentinside">

<img src="images/main.jpg" alt="" id="image1" />

<h3><a href="consult.cfm?id=8">Intelligence</a></h3>
<hr />
<h4> Intelligence</h4>

"Hydrowizard" <webforumsuser (AT) macromedia (DOT) com> wrote

For some reason there is a gap before the hr.

Here is the relevant code-how do I get rid of the gap? TIA!!:
#contentinside p {
font-size: 75%;
}
#contentinside h4 {
font-size: 90%;
margin: 0;
padding: 0;
}
hr { margin: 0;
padding: 0;
clear: both;
}


div id="contentinside"

img src="images/main.jpg" alt="" id="image1" /

h3><a href="consult.cfm?id=8">Intelligence</a></h3
hr /
h4> Intelligence</h4

I'd say it comes from the H3.
In your rules above, you're zeroing out margin/padding on H4 and HR, but not
on H3

But if you're trying to use the HR to create a border, then you should use
the "border" property on the H3 instead.
HRs are not meant for this, there are supposed to separate sections, hence
they have nothing to do between 2 headings.


--
Thierry
Articles and Tutorials: http://www.TJKDesign.com/go/?0
--
Keep your markup *clean* with these DW extensions and scripts:
http://www.divahtml.com/products/scr...extensions.php

"Hydrowizard" <webforumsuser (AT) macromedia (DOT) com> wrote

For some reason there is a gap before the hr.

Here is the relevant code-how do I get rid of the gap? TIA!!:
#contentinside p {
font-size: 75%;
}
#contentinside h4 {
font-size: 90%;
margin: 0;
padding: 0;
}
hr { margin: 0;
padding: 0;
clear: both;
}


div id="contentinside"

img src="images/main.jpg" alt="" id="image1" /

h3><a href="consult.cfm?id=8">Intelligence</a></h3
hr /
h4> Intelligence</h4

I'd say it comes from the H3.
In your rules above, you're zeroing out margin/padding on H4 and HR, but not
on H3

But if you're trying to use the HR to create a border, then you should use
the "border" property on the H3 instead.
HRs are not meant for this, there are supposed to separate sections, hence
they have nothing to do between 2 headings.


--
Thierry
Articles and Tutorials: http://www.TJKDesign.com/go/?0
--
Keep your markup *clean* with these DW extensions and scripts:
http://www.divahtml.com/products/scr...extensions.php

thanks I will try that I didn?t realize that hr was wrong

thanks I will try that I didn?t realize that hr was wrong