Baffled about gap

CSS Gap around headings

[AndySpeed]

This ones totally perplexing me. On my site, www.btccaction.co.uk, the header text 'btcc:action Snetterton preview' has rather large white spaces above and beneath it.

I want to get rid of these but honestly can't see anything in my stylesheet.
It's the h6 tag generating the header. Take a look at my stylesheet and please if anyone can help me?
>> style.css <url gone per TOS#13 see below thanks..>

n.b. the header is in the div classes "xpage" and "ncol" as well.

Credits given on my site.

Regards

Andy

[edited by: SuzyUK at 1:53 am (utc) on Aug. 18, 2006]

[Fotiman]

Welcome! Please note, posting URLs is not permitted (see the TOS). Post code instead.

In your case, your code looks like this:

h6{ 
text-align: left; 
letter-spacing: 0px; 
padding-top: 0px; 
font: 20px Trebuchet MS; 
color: #8A2602; 
} 

You should try setting the padding and/or margin, but more likely it's the line-height that's causing the space you're seeing. Try adding these to your style:

line-height: 100%;
padding: 0;
margin: 0;

Hope that helps.

[AndySpeed]

Fotiman,

Thank you very much for your help. That has sorted the problem. I had no idea that if unspecified the 'default' line height would be so large.

Also, I only posted the URL to allow people to 'see' the problem. But note taken thanks.

Andy