HTML Help Needed: Removing Gap Under Big Text

**StuartD** · 04-10-2008, 05:17 AM

using an <h1> tag?
Use css to remove the margins.

<h1 style="margin: 0px;">Title</h1>

**eMonk** · 04-10-2008, 05:23 AM

Code:

.title { 
font-size: 30px; font-family: "Trebuchet MS"
}

**The Truth Hurts** · 04-10-2008, 06:03 AM

try using line-height set the same as your font size.

**fluffygrrl** · 04-10-2008, 06:04 AM

This thread is useless without either link or else html quote.

**skrinkladoo** · 04-10-2008, 06:49 AM

If you paste the code or a link to the html code, or send it via ICQ - I can help you.
It's just next to impossible to do it blind.

**severe** · 04-10-2008, 06:54 AM

Originally posted by The Truth Hurts

try using line-height set the same as your font size.

yeah sounds like line-height would fix it, maybe smaller font size though. some fonts are odd like that.

**Eriic** · 04-10-2008, 06:56 AM

User a spacer.gif and size it very small

**quantum-x** · 04-10-2008, 06:59 AM

Probably the h* issue to. As suggested, just remove the margin.
Does using H1, H2 tags still have SEO relevance?

**MediaGuy** · 04-10-2008, 07:18 AM

Like they said, it's hard to determine without the page as an example.

My guess/contribution would be to create an h1 style like so:

h1 {display: inline;
font-size: 30px;}

or if the title is a class or element:

.title {display:inline;
font-size: 30px;}

#title {display:inline;
font-size: 30px;}

The display:inline; attribute will remove the auto-linebreak of h and other tags in css.

You might want to float:center the thing too if what follows your title wants to wrap to it...

**eMonk** · 04-10-2008, 01:39 PM

HTML

Code:

<div align="center" class="title">GFY Rocks The Box</div>

CSS

Code:

.title { 
  font-size: 30px; font-family: "Trebuchet MS"
}

i tried adding 'display:inline;' into my css title tag but i'm not sure if that did what i was looking for because it aligned my title left when its suppose to be centered. any ideas?

**p!nk** · 04-10-2008, 01:50 PM

Code:

.title { font-size: 30px; font-family: "Trebuchet MS";
line-height: 2px;
margin: 0px;
}

try that

**eMonk** · 04-10-2008, 03:42 PM

Originally posted by p!nk

try that

thanks bro.. i believe this is what i was looking for... but i had to make some minor adjustments to the line-height value...

Code:

.title { 
  font-size: 30px; font-family: "Trebuchet MS";
  line-height: 30px;
  margin: 0px;
}

i'm using <body topmargin="0" bottommargin="0"> in my html file so when line-height is set to anything lower then 30 then my title gets cut off at the top.

**Angry Jew Cat - Banned for Life** · 04-10-2008, 03:48 PM

Originally posted by Eriic

User a spacer.gif and size it very small

go back to 1997...

**skrinkladoo** · 04-10-2008, 03:50 PM

glad to here you got that covered. nice work p!nk

HTML Help Needed: Removing Gap Under Big Text

HTML Help Needed: Removing Gap Under Big Text

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment