Hi,

How would I remove any padding or margins from a <ul> list? My list has an indent, and I want to remove that entirely.

This is my code for the list

ul#list-menu {
list-style:none;
width:139px;
}

ul#list-menu li a {
text-decoration:none;
display:block;
margin:0px;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
color:#111111;
}

ul#list-menu li a:hover {
color:#AAA469;
}

I've tried setting the padding, other than the bottom padding, and the margin to 0 but it there is still an indent.

I by no means am an expert, but wouldn't you want your list properties to be set as a class, rather than a id?

ul.list-menu {

in html : <ul class="list-menu"...

rather than

ul#list-menu {

As for your question... perhaps your list is picking up a margin from another style? I think the experts would ask to see the complete stylesheet, and html to determine that.... maybe?

I myself have been having trouble with lists and bullet images and found a way around it

either post more of the code, or show me a screenshot of the indent.

Thank you both for your replies, I have been able to get it working. I think it was margin-left: that finally did it.

And DrSeuss, I think you're right. I need need to use a class. Thanks!

That depends. Is list-menu going to be used more than once? If so, use an ID (as you've done). If not, use a class.

Yes, the list id will be used more than once. So stick the with id instead of class?

Thank you!

No, ID's must be unique. If you're going to use a set of rules more than once on a page, then you must use a class and not an ID.

Thanks, LadynRed, I've read that before but these links do not feature more than once on the same page. It will be used on several different pages, sorry I didn't make that clear.