Forum Moderators: not2easy

Message Too Old, No Replies

Is there any way to make a UL that's not indented with CSS?

         

tiepolo

11:41 pm on Mar 26, 2004 (gmt 0)

10+ Year Member



I want to make a list, but I don't want it indented. I tried using this style:

.perksDiv ul {margin-left:0px; padding-left:0px;}

perksDiv being the parent div that this list resides in. When I do this it actually pushes the bullets outside the div. You can view the page here [yoshidadesign.com]. Thanks in advance for the help. :)

RammsteinNicCage

12:13 am on Mar 27, 2004 (gmt 0)

10+ Year Member



If I'm understanding what you're asking for, the ul itself isn't what indents, it's the li, so add the margin:0; to that.

Jennifer

Farix

12:27 am on Mar 27, 2004 (gmt 0)

10+ Year Member



You will have to add a little indention in order for the bullets be contained within the table. Try this:
.perksDiv ul {margin-left:0; padding-left:1.5em;}

ergophobe

6:43 pm on Mar 28, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Or you could use

list-style-position: inside

depending on what you want.

If you try to set the margin to something that will work and show bullets in all browsers, you may have trouble. Another solution is just to use paragraphs or such and put in the bullet manually.

Tom