help with css for a newbie

Hi,

I have only just started learning css, having solely used html previously. I have created an external css sheet with the following:

h1
{color: white; text-align: left; font-size: 12pt; background-color: #666666;
font-family: Verdana}
h2
{color: white; text-align: left; font-size: 10pt; background-color: #999999;
font-family: Verdana; font-weight: bold}

Only really basic! And then on my web page, I want two seperate rows within a table:

<tr>
<td height="0"> <h1>Line1</h1></td>
</tr>
<tr>
<td height="0"> <h2>Line2</h2></td>
</tr>
</table>

The only thing is when it displays the page - there is a large gap between line1 and line2 which I can't get rid of!! Any ideas? (sorry for the long post!)

Add

HTML: Select all

margin: 0

to your header tags so that you have

HTML: Select all

h1
{color: white; text-align: left; font-size: 12pt; background-color: #666;
font-family: Verdana; margin: 0px}
h2
{color: white; text-align: left; font-size: 10pt; background-color: #999;
font-family: Verdana; font-weight: bold; margin:0px;}

I also change #666666 to #666, these colors can be simplified somewhat.

You can change the margins as needed, but the H1 tags were made to have extra margins / padding in HTML to break up the web page.

Thanks ever so much for that! Works perfectly!