Colors for parent tabs

Hi

Looking to have independent colors in menu, how would i go about this??

i have one question at moment, i am trying to create a menu with parent tabs with independent colors and change with mouse over.

i have been able to use the suckerfish template to create an imageover option but images would not make skin use friendly if text size increased

IE - Horizontal menu for visible parent tabs

Tab 1

Tab 2

Tab 3

Tab 4

Tab 5

Tab 6

Tab 7

then i would have vertical for other levels

Thanks

I'm sorry that I missed this post earlier.

I think the way I would do this is to use the id of each tab as a CSS selector.

So using the page at  http://demo.snapsis.com as an example, the first tab has an ID of navParent-36

Which can be used in the CSS to control the background-color of that specific list item.

#navParent-36 { background-color:blue}

Let me know if that is enough to get you going, or if you need further assistance.

Hi

i am having one more problem, caused by the padding in .TabList li

The background-color takes the full cell, but hover only replaces color from start of text, leaving the 10px of the original color

is there a css hack to have the hover fill the cell including the 10px of padding

what i have in css

.TabList li {
    float:left;
    margin:0;
    display: inline;
    padding:0 0 0 10px;
}

#navParent-54 { background-color:#39c}
#navParent-54 :hover{ background-color:#FFF}

Thanks