View Full Version : Ul.... Li.... /ul


Rose
02-09-2006, 11:05 AM
well with these tags you can list things. and i do that quite often.

Only, when you use these tags the "LI-items" shift to the right.
Is there a way to use these tags, or similar tags, to make a list, where everything is on one line, not shifted?

allie
02-09-2006, 01:18 PM
You can make a no indent list this way:

Your html:

<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ul>

Your css:

ul{
list-style-type: none;
font-weight: bold;
padding: 0;
margin-left: 0;
}

Rose
02-10-2006, 02:12 PM
ok, i'll try. Thanks :)


So I have to change the padding then?

allie
02-10-2006, 02:14 PM
Give it a try without, I just yanked that off my site :hehe:

djou
02-10-2006, 06:13 PM
You have to change both the padding and the margin. When browsers are created, they are made to apply default CSS properties to HTML elements. When it comes to ul, some use paddings while others use margins, so you have to set both to 0 if you want no indent.

Rose
02-10-2006, 08:46 PM
Ah I see! Thank you both so much!

Wermaus
02-10-2006, 08:52 PM
You have to change both the padding and the margin. When browsers are created, they are made to apply default CSS properties to HTML elements. When it comes to ul, some use paddings while others use margins, so you have to set both to 0 if you want no indent.
Wow, thanks!
Never knew that.I always wondered what the strange behaviour of lists may cause.. :)