4 replies to this topic

[Zebbedy]

Im playing with a simple unordered list for a left side navigation. I have limited room and one or 2 long section names. The indentation on the left of my list values is larger than i would like. I am not using an image or bullet to mark the values yet i seem to have a 20-30 pixel indentation before them.

Is there any way to reduce this indentation size?

My boss doesnt want to use css dropdown menus but would rather have the options appear as a sub-list inside the nav menu. My problem is that i dont even have enough room for the top tier of menu options. I would just have enough room if i could move my list about 15 pixels left to almost hug the left margin of my Nav area.

Is there a command i can put into my <ul> tag that allows me to do this?

Thanks

[coolaid]

ummmmmmmmmmm padding:0;margin:0; in the ul and li's of the lists

[Stu]

one way to do it if you are not using images (i think) is to add

ul{
padding: 0;
margin: 0;
}

li{
display: block;
padding: 0;
margin: 0;
}

however the main problem is when you use that your images will not appear

Edited by Stu, 16 February 2006 - 09:23 PM.

[Zebbedy]

Thanks guys i'll give that a go.

I do have a small image to the left of the list so i may have to find a workaround for that, maybe make it a background as i'm still very transitional in my code. One day i'll get to the xhtml/css pure stage.

Zeb

[Stu]

i was having the same problem as i was using an image, the following works for me though:

ul{
padding: 0;
margin: 0;
border-bottom: 1px dashed #EFEFEF;
}

li{
list-style-image: url("images/li.png");
padding: 0;
margin-left: 20px;
}