<h> tags

[postUre]

I want to add <h> tags on my site. I set the <h> tags up in the cascading style sheet. When I try adding the <h> tag into the html I notice that it creates extra space between the copy with the <h> tag and the next line of copy. Is there anything that can be done so that the <h> tag doesn't create that extra space between the lines?

[GuyLaDouche]

Add the following to your <hn> declarations:

padding: 0;
margin: 0;

Headings, by default, have the whitespace added to them as there usually is space between copy and headings in most instances.

[postUre]

what do you mean by "declarations" ?

Thank you.

[Narasinha]

Originally Posted by postUre

what do you mean by "declarations"?

The declarations are where you "declare" the attributes of the particular tags within the Cascading Style Sheet.

In the style sheet, you probably have something like this for your header tags:

h1  {font-weight: bold;
    font-size: 180%;
    text-align: center;
    color: #333366;
    font-family: "Times New Roman", Times, serif}

To control the space added above and below the heading, you need to use padding and/or change the margins. Add the information to your style sheet like this:

h1  {font-weight: bold;
    font-size: 180%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-align: center;
    color: #333366;
    font-family: "Times New Roman", Times, serif}

You can specify the margin (spacing outside the object) or padding (spacing inside the boundaries of the object) using whatever units you prefer, such as pixels (i.e. 4px). If you want all four sides to have the same value, you can specify it just once (i.e. margin: 4px). If you want to use different values for each side, specify all four values, clockwise, starting from the top. So, specifying margin: 4px 0 4px 1em; would give you margins of 4 pixels on top and bottom, none on the right, and 1 em unit on the left.