background image aligned to top/left

[kurt.santo]

Having a unordered list structure on three levels I thought I only have to apply "background:#d9d9a2 url(bg.gif) top left;" to the open class (including another unordered list) in order to have the same background image showing only underneath the li text (level 1) and not the unordered list inside (level 2). Unfortunately, it did not work. Why cant you apply an image to the top left position of the li element only? This does not really make sense to me...Kurt

[jlhaslip]

code sample?I have a hypothetical answer for your hypothetical question, which hypothetically will or won't work. Maybe.

[kurt.santo]

code sample?I have a hypothetical answer for your hypothetical question, which hypothetically will or won't work. Maybe.

You will find the code under http://www.jalp.co.uk/test/navBarV1.htm. Under http://www.jalp.co.uk/test/navLayout.htm you will get an idea of what look I am after. I need buttons that all more or less look the same, but I need a hierachie to be able to open and close the sub-sections. As you can see the nav bar would get massively long (and this is not even the whole nav bar)... In a perfect world the colour of the "View By Range", "View By Room" and current item have a different colour.Kurt

[jlhaslip]

http://www.w3.org/TR/CSS21/cascade.html#value-def-inherithttp://www.w3.org/TR/CSS21/colors.html#background-propertieshttp://www.w3.org/TR/CSS21/generate.html#list-stylehave a look at these. I think inherit might be what you need.

[kurt.santo]

http://www.w3.org/TR/CSS21/cascade.html#value-def-inherithttp://www.w3.org/TR/CSS21/colors.html#background-propertieshttp://www.w3.org/TR/CSS21/generate.html#list-stylehave a look at these. I think inherit might be what you need.

Great links, got various things from those pages that are important. Getting closer to the solution, but still not there. Working on file under http://www.jalp.co.uk/sidebar/V3/navBarV1.htm. Although we solved now the bg colour for the nested list (have "ul > li > ul {background:#fff;}" in css file now) there are still some issues with bg color (made it bright red for now). Played a bit with margin and padding, but it did not solve the issue. Keep trying... If you come across anything else I am here... Great input, cheers!KurtEdit: Actually, I just solved another issue... Now have to work on creating a white gap between the parent li and "erase" the bg colour from the </li>. Might try with bg image again... Already looking good!