Click to See Complete Forum and Search --> : Can I adjust the indentation of <li> inside <ul>?


SAFX
12-02-2003, 10:03 AM
I want to adjust the amounf of left indent that is applied to bullete items when using <li>. For example, the following creates a simple list of bulleted items...

<ul type="square">
<li>Item 1</li>
<li>Item 2</li>
</ul>

I also want to adjust the "space before" the <ul> element, but can't fingure it out!

Thanks,

SAF

spufi
12-02-2003, 10:20 AM
Here's a direct copy of some CSS I'm playing around with. You'll obviously want to take out some of it.

#submenu {
border-bottom:2px solid #000;
border-left:2px solid #000;
float:right;
margin:-6px -6px 0px 0px;
padding:1%;
width:20%;
}
#submenu li {
list-style-type:none;
margin:0;
padding:0;
}
#submenu ul li a {
font-size:75%;
}
#submenu ul {
margin:0 0 1% 0;
padding:0;
}

SAFX
12-02-2003, 10:23 AM
Ok, so I'm replying to my own post, but I just figured it out and I wanted to share it in case anyone else had the same issue. You can control the spacing of <li> in all directions by simply adjusting the margin values for <ul>, like this...

<ul type="square" style="margin:5px 0px 0px 25px;">

..then, add some parsley, serves two :D

SAF

SAFX
12-02-2003, 10:26 AM
Thanks, spufi! :D

SAF