Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
A bunch of changescame through on our company site and one of them is CSS. The way some of the stuff on the site is set up onthe crunk side.
However, this should be a really easy one that I am having issues with.
the spacing betoween the lineson the <li> hald way down the page is too wide. I tried line-height , but that didnt work.
http://intelli7.com/company/background.php
I even tried to put the line-height temporatily it in the li tag in case it was a specificity thing, but it wasn't.
Any ideas? -
- CommentAuthorNick Presta
- CommentTimeApr 17th 2006
It's kind of funny that your company would want to make a change to CSS but keep the clunky and bloated tables and inline CSS.
Try,
ul.smallDisc li { margin: 0; padding: 0; }
Also, line-height shouldn't have a pixel value. You get different results when you do something like, line-height: 4 and line-height: 4px. -
You can use pixels on line-height if you wish to - but it's not really commonly used...
Using ems or percentage is more common, and more flexible...
usually 135% is my prefered setting for making easy-to-read text
If by line-height, you mean the space between the LI's, then it's doable with margin and padding :)
in your case, use padding-bottom:whateverpx; on the LI -
Each LI is several lines long. they want the space between each line in the LI to match the rest of the page. what would be used to take care of that? Like i said, I tried line height (things like line-height:8px and line-height:.7em), but that didnit' seem to work out.
-
-
CommentAuthoradjustafresh
- CommentTimeApr 18th 2006
As Oscar mentioned, margins and padding are used to separate individual list items. You are correct in looking to the line-height property to space out the multiple lines of text within an LI. Try increasing the number. I typically set my line height like so:
li {
line-height: 1.4;
}
I'd shoot for any number between 1 and 2. -
-
work like a champ. thanks.
1 to 6 of 6