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,
SAFHere'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;
}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
SAFThanks, spufi!
SAF
<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,
SAFHere'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;
}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
SAFThanks, spufi!
SAF