Menu picks up style from page's stylesheet

Taken From The Forum:
Forum Topic:
Last Updated: Wednesday July 18 2012 - 06:07:31

Menu picks up style from page's stylesheet

Poster: zzz_asleep
Dated: Wednesday July 17 2002 - 15:26:38 BST

What a totally fabulous menu! Congrats.

I did come across one problem that vexed me for a few hours. When I used the menu on a set of pages linked to a CSS stylesheet, I found that link items on the first (main) menu were picking up the style that I'd assigned to links in the stylesheet.

My stylesheet contained this bit defining the style for links generally:

A { text-decoration: none; color: #FF3401}
A:Hover { text-decoration: none; color: #FF3401; background : white}

And the Home item on my main menu was picking up the mouseover style, which meant it looked different from the other items on the menu. This didn't happen with menu items that opened up other menus, and it only happened on the main menu. I found when I removed the general link style definition from my stylesheet the problem disappeared.

But I wanted to keep the style definition if I could -- and I was delighted to find I could override the style of the Home item by using the onfontcolor, offfontcolor, onbackcolor and offbackcolor options used in the Multi Coloured sample.

In the array for my mainmenu the line looked like this:

,"Home","/it/it_home.htm offfontcolor=666666;onfontcolor=ff3401;offbackcolor=ffffff;onbackcolor=cccccc; ",,,0

Thanks! Great to find you have thought of these things already!

Industrial Strength JavaScript and DHTML Menus

Menu picks up style from page's stylesheet