h1 tag problem? why?

Hi,

Can anybody tell me how I stop the extra space my heading tags produce under
the text.
The space the tag is producing is throwing my layout out alot and I cant
figure how to remove it. If I change the line height ..the top of the text
is cut off...how do I do this?

Any advice is much appreciated

Sy

Am 16.12.2003 23:28 schrieb Simon:

Hi,

Can anybody tell me how I stop the extra space my heading tags produce under
the text.

This should solve your problem:

h1 {
margin-bottom:0;
}

To remove any default whitespace use:

h1 {
padding:0;
margin:0;
}

Fabian

"Simon" <simon (AT) digink (DOT) co.uk> skrev i meddelandet
news:2GLDb.2207$2r4.1066 (AT) newsfep3-gui (DOT) server.ntli.net...

Hi,

Can anybody tell me how I stop the extra space my heading tags produce
under
the text.
The space the tag is producing is throwing my layout out alot and I
cant
figure how to remove it. If I change the line height ..the top of the
text
is cut off...how do I do this?

Any advice is much appreciated

Try <H1 style="-5px;"> (negativ value)
But I don't know for sure how it validates or works in all browsers.

--
/Arne

"brucie" <brucie01 (AT) bruciesusenetshit (DOT) info> skrev i meddelandet
news:bro251$5l0k6$1 (AT) ID-117621 (DOT) news.uni-berlin.de...

in post <news:2GLDb.2207$2r4.1066 (AT) newsfep3-gui (DOT) server.ntli.net
Simon said:

Can anybody tell me how I stop the extra space my heading tags
produce under
the text.

margin-bottom:0;

I belive you must use a negative value to get it realy "tight", i.e
margin-bottom:-5px;

--
/Arne

Arne wrote:

I belive you must use a negative value to get it realy "tight", i.e
margin-bottom:-5px;

No, that is stupid, since you could pull the element below over the H1
element. You should only use negative margins to 'design' not to remove
whitespace.


--
Anne van Kesteren
<http://www.annevankesteren.nl/>

Arne wrote:

Try <H1 style="-5px;"> (negativ value)
But I don't know for sure how it validates or works in all browsers.

This isn't the way to do it.

h1{
margin:0;
padding:0;
}

Is the way to go, as explained in other mails.


--
Anne van Kesteren
<http://www.annevankesteren.nl/>

"Anne van Kesteren" <mail (AT) annevankesteren (DOT) nl> skrev i meddelandet
news:brp1ba$7hd$1 (AT) reader08 (DOT) wxs.nl...

Arne wrote:
I belive you must use a negative value to get it realy "tight", i.e
margin-bottom:-5px;

No, that is stupid, since you could pull the element below over the H1
element. You should only use negative margins to 'design' not to
remove
whitespace.

I don't say you are wrong, but at least it works fine for me, tested
with IE 6.xx and Netscape 7.xx
Don't know about Opera and other.
--
/Arne

"Anne van Kesteren" <mail (AT) annevankesteren (DOT) nl> wrote

Arne wrote:
Try <H1 style="-5px;"> (negativ value)
But I don't know for sure how it validates or works in all browsers.

This isn't the way to do it.

h1{
margin:0;
padding:0;
}

Is the way to go, as explained in other mails.


--
Anne van Kesteren
http://www.annevankesteren.nl/

Thankyou Everyone

Sy

"Arne" <arne.luras (AT) telia (DOT) com> wrote:

I belive you must use a negative value to get it realy "tight",
i.e margin-bottom:-5px;

No, that is stupid, since you could pull the element below over
the H1 element. You should only use negative margins to 'design'
not to remove whitespace.

I don't say you are wrong, but at least it works fine for me,
tested with IE 6.xx and Netscape 7.xx

It depends on your definition of "works". A negative bottom margin
means that the elements will partly overprint each other, if the next
element's top margin is zero. What this means depends on the context.
Making text lines touch (or even overprint) is usually not a good idea.

But maybe you mean that the next element has a nonzero margin. Then
that's the issue you should consider. Negative margins are a somewhat
clumsy way of addressing that problem.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

"Arne" <arne.luras (AT) telia (DOT) com> wrote

Can anybody tell me how I stop the extra space my heading tags
produce under
the text.

margin-bottom:0;


I belive you must use a negative value to get it realy "tight", i.e
margin-bottom:-5px;

Corect me if I'm wrong. Please.

But doesn't the UA only use the largest margin of the two when vertically
aligning block elements? So as long as you have a margin of 0, the margin
that occurs will be the one set or default for the other element (in this
case, a p seemingly)?