Problems with onclass overruling pageclass

Poster: dubbelepunt
Dated: Wednesday January 25 2006 - 11:26:09 GMT

Dear all,

During the development of a website I came across the following problem:

- I used pageclass to define the style of my active menu item. This item has to be bold.

- I used onclass and offclass to define the style of my items onMouseOver and onMouseOut.

BUT: The onclass properties (like font-weigth) overrule the pageclass properties, which in my case means that the bold items will jump to normal. In my case I can lose the onclass to make the menu work, but I want to be able to control the onclass for the active (pageclass) items as well as the inactive items. Is there anybody who knows if this is possible and how this can be done?

Here are the examples:


http://test.dubbelepunt.com/milonic/situation1

uses pageclass, onclass and offclass.... (messed up)

http://test.dubbelepunt.com/milonic/situation2

uses pageclass and offclass... (nice in this menu, but what if I need an onclass?)



Sub-question: does anybody know why the declaration of "ondecoration" and "offdecoration" in menu_styles.js overrules the onclass and offclass, even when it's left out?



Thanks in advance to anyone who can help!


Regards,

Arno

Poster: Ruth
Dated: Wednesday January 25 2006 - 14:15:06 GMT

Hi,

Well, the 'active' page is still an item that works just like any except a header which only has one state. Even if you set the page properties in the menu they will use the on colors when you mouseover them.

I know that doesn't give you the answer you want, but the only thing I can suggest is that instead of using bold, you might use italic and a bright color for the pageclass? It will still change onmouseover, but I think the italic might not shift when you do the mouseover.

Ruth