line-height, what is it's job?

This is a discussion on "line-height, what is it's job?" within the Web Page Design section. This forum, and the thread "line-height, what is it's job? are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Feb 19th, 2008, 15:26
Reputable Member
Join Date: Oct 2007
Location: UK
Posts: 267
Thanks: 0
Thanked 0 Times in 0 Posts
line-height, what is it's job?

Could somebody please explain the 'line-height' attribute to me and when its used. I see it in bits of code all the time but have never understood its job.

Thanks Danny322
Reply With Quote

  #2 (permalink)  
Old Feb 19th, 2008, 16:01
Rob's Avatar
Rob Rob is offline
Head Admin & CEO

SuperMember
Join Date: Jul 2003
Location: at my desk
Age: 34
Posts: 2,951
Blog Entries: 7
Thanks: 7
Thanked 3 Times in 3 Posts
Send a message via MSN to Rob Send a message via Skype™ to Rob
Re: line-height, what is it's job?

Hi Danny.

Line height is the spacing between lines.

The white spacee you see between this line
and this line...

If you were to increase line height to 30px for instance then lines might be this

far apart instead of this
far apart.

That is the line-height and via css you can adjust this smaller or larger to suit your needs, and design.

Hope this makes sense.
__________________
Rob - SEO Specialist
Owner & Founder of Webforumz.com

I am currently unavailable for private work
Reply With Quote
  #3 (permalink)  
Old Feb 19th, 2008, 16:13
Aso's Avatar
Aso Aso is offline
Chief Moderator

SuperMember
Join Date: Oct 2007
Location: UK
Posts: 942
Blog Entries: 2
Thanks: 5
Thanked 18 Times in 16 Posts
Send a message via Skype™ to Aso
Re: line-height, what is it's job?

It can also be used to hack IE6 when you're having troubles with very small height divs
Last Blog Entry: The Google Misconception (Feb 3rd, 2008)
Reply With Quote
  #4 (permalink)  
Old Feb 19th, 2008, 17:12
Reputable Member
Join Date: Oct 2007
Location: UK
Posts: 267
Thanks: 0
Thanked 0 Times in 0 Posts
Re: line-height, what is it's job?

Hi guys thanks for the help, rob that was a really good explanation, cheerz mate
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Have a major problem with Text Line-Height vidoewebmastery Web Page Design 2 Mar 24th, 2008 20:15
keeping nav bar on one line Phixon Web Page Design 19 Feb 5th, 2008 11:36
How to make a table height equal to the browser height ? subhadip Starting Out 4 Sep 20th, 2007 07:56
Help getting 1st website on line!!! hellz Starting Out 22 Jun 23rd, 2007 07:43
Line Break DregondRahl Web Page Design 6 Jun 12th, 2007 15:33


All times are GMT. The time now is 05:20.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43