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

eMonk · 04-10-2008, 06:12 AM

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

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

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

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

04-10-2008, 06:12 AM	#1
eMonk Confirmed User Industry Role: Join Date: Aug 2003 Location: Canada Posts: 2,310	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?

04-10-2008, 06:17 AM	#2
StuartD Sofa King Band Join Date: Jul 2002 Location: Outside the box Posts: 29,903	using an <h1> tag? Use css to remove the margins. <h1 style="margin: 0px;">Title</h1> __________________ This is me on facebook This is me on twitter

04-10-2008, 06:23 AM	#3
eMonk Confirmed User Industry Role: Join Date: Aug 2003 Location: Canada Posts: 2,310	Code: .title { font-size: 30px; font-family: "Trebuchet MS" }

04-10-2008, 07:03 AM	#4
The Truth Hurts Zph7YXfjMhg Industry Role: Join Date: Nov 2002 Location: In Your Skull Posts: 15,303	try using line-height set the same as your font size. Last edited by The Truth Hurts; 04-10-2008 at 07:05 AM..

04-10-2008, 07:49 AM	#6
skrinkladoo Confirmed User Join Date: Oct 2007 Location: South Florida - "Fuck Bitches and Fight Crime - It's all we do! Posts: 629	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. __________________ * Andrew Love * Services: (1) Web Design, (2) Graphic Design, (3) E-commerce, (4) Database Development, (5) Web Analytics, (6) Targeted Lead Generation, (7) Marketing and Consulting Mainstream: Successful Website Landing Page Design \| ICQ: 360-83-9627

04-10-2008, 07:04 AM	#5
fluffygrrl So Fucking Banned Join Date: May 2006 Posts: 2,187	This thread is useless without either link or else html quote.

04-10-2008, 07:56 AM	#8
Eriic So Fucking Banned Join Date: Jan 2008 Posts: 2,995	User a spacer.gif and size it very small

04-10-2008, 07:59 AM	#9
quantum-x Confirmed User Join Date: Feb 2002 Location: ICQ: 251425 Fr/Au/Ca Posts: 6,863	Probably the h* issue to. As suggested, just remove the margin. Does using H1, H2 tags still have SEO relevance? __________________ PrettyInCash.com - BoozedGFs.com - TeenGFs.com - JizzGFs.com- MilfUploads.com -

04-10-2008, 08:18 AM	#10
MediaGuy Confirmed User Industry Role: Join Date: Sep 2004 Location: Montrealquebecanada Posts: 5,500	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... __________________ YOU Are Industry News! Press Releases: pr[at]payoutmag.com Facebook: Payout Magazine! Facebook: MIKEB! ICQ: 248843947 Skype: Mediaguy1

04-10-2008, 02:39 PM	#11
eMonk Confirmed User Industry Role: Join Date: Aug 2003 Location: Canada Posts: 2,310	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?

04-10-2008, 02:50 PM	#12
p!nk Confirmed User Join Date: Jun 2006 Location: here Posts: 124	Code: .title { font-size: 30px; font-family: "Trebuchet MS"; line-height: 2px; margin: 0px; } try that __________________ no sig Last edited by p!nk; 04-10-2008 at 02:51 PM..

04-10-2008, 04:50 PM	#15
skrinkladoo Confirmed User Join Date: Oct 2007 Location: South Florida - "Fuck Bitches and Fight Crime - It's all we do! Posts: 629	glad to here you got that covered. nice work p!nk __________________ * Andrew Love * Services: (1) Web Design, (2) Graphic Design, (3) E-commerce, (4) Database Development, (5) Web Analytics, (6) Targeted Lead Generation, (7) Marketing and Consulting Mainstream: Successful Website Landing Page Design \| ICQ: 360-83-9627