[CLOSED] Accordin Active menupanel style

[yobnet]

Hi,

We have accordin layout in our form. User can select panel, it works fine.

We want to to heighlight selected panel with different color

We tried following style. for hovering, Hover style works. for Active panel "div.x-accordion-hd-active" does not work.

div.x-accordion-hd-active {
    color:#fff;
    font-weight:normal;
    background-image:url(../images/yob/panel/light-hd-active.gif);
}

div.x-accordion-hd {
    color:#fff;
    font-weight:normal;
    background-image: url(../images/yob/panel/light-hd.gif);
}

div.x-accordion-hd:hover {
    color:#fff;
    font-weight:normal;
    background-image:url(../images/yob/panel/light-hd-ho.gif);
}

Please let us know which style we need to modify?

Thanks & Regards
YOBNet Team

[Vladimir]

Hi,

1. Active panel

div.x-accordion-hd{...}

2. Collapsed panel

.x-panel-collapsed div.x-accordion-hd{...}

Please note that hovering doesn't work under IE6 (IE6 ignores ':hover' pseudo rule for none 'a' tags)