Forum Moderators: not2easy
once thanks!
snx
Yes, it can be done in CSS - and is nice and easy
ul {
margin: 0;
padding: 0 0 0 0; /* set value to desired size */
}
You need to attach styles to your ul, there are several ways to do this. Let me know if you want to find out how. I could have put all the info up but not sure if that is what you wanted
ZA
slightly less than it is
Different browsers use different properties to create the space for the marker box (where the bullet appears) in lists. To get cross-browser reliability, you need to start with what zackattack suggests: zeroing out the margins and padding.
ol,ul,li{margin:0;padding:0;}
Following this, you can add in whatever values you want. Which element you add values to will depend on what exactly you mean by the "indent" in the list.
If by indent you mean the space to the left of the bullets, you'll want to add a left margin. This can be applied to either the UL/OL or the LI element(s).
If by indent you mean the space between the bullet and the text in the list-item, you'll want to add left padding to the LI element.
Either way, make margin or padding an explicit value, and don't forget to add a unit or Firefox will ignore it.
cEM
snx
just want the entire UL to be flush to the left of my div
Zero out the padding and margins (as zackattack suggested above) on the UL and the LI and it should sit flush left as you describe. If you don't want any bullets, add list-style-type:none; to the UL styles.
cEM
j.
