GoFuckYourself.com - Adult Webmaster Forum - HTML Help Needed: Removing Gap Under Big Text

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)

- Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)

- - HTML Help Needed: Removing Gap Under Big Text (https://gfy.com/showthread.php?t=821059)

eMonk

04-10-2008 06:12 AM

HTML Help Needed: Removing Gap Under Big Text

i'm using a 30 px font in my title but it creates a large unwanted gap right under it. is there a way to remove this whitespace?

StuartD

04-10-2008 06:17 AM

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

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

eMonk

04-10-2008 06:23 AM

Code:

.title { 

font-size: 30px; font-family: "Trebuchet MS"

}

The Truth Hurts

04-10-2008 07:03 AM

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

fluffygrrl

04-10-2008 07:04 AM

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

skrinkladoo

04-10-2008 07: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 07:54 AM

Quote:

Originally Posted by The Truth Hurts (Post 14050944)

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 07:56 AM

User a spacer.gif and size it very small

quantum-x

04-10-2008 07: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 08: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 02: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 02:50 PM

Code:

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

line-height: 2px;

margin: 0px;

}

try that :)

eMonk

04-10-2008 04:42 PM

Quote:

Originally Posted by p!nk (Post 14053109)

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 04:48 PM

Quote:

Originally Posted by Eriic (Post 14051155)

User a spacer.gif and size it very small

go back to 1997...

skrinkladoo

04-10-2008 04:50 PM

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

All times are GMT -7. The time now is 01:32 PM.