Spry Menu - Multiple Instances with different styles?

"GmR" <webforumsuser@macromedia.com> wrote in message
news:go667d$848$1@forums.macromedia.com...
>
> It seems that the Spry code references only one style sheet?


Each menu bar has a unique ID, so your second menu will probably be
called MenuBar2. Create new style rules for the second menu by using
descendant selectors like this:

#MenuBar2 ul.MenuBarHorizontal {
/* New styles here */
}

You don't need to create a complete set of new rules. For example, if
all you want to do is change the colour of the menu items, you can
just do this:

#MenuBar2 ul.MenuBarHorizontal a {
color: red;
}

#MenuBar2 ul.MenuBarHorizontal a:hover,
#MenuBar2 ul.MenuBarHorizontal a:focus,
#MenuBar2 ul.MenuBarHorizontal a.MenuBarItemHover,
#MenuBar2 ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
#MenuBar2 ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
color: green;
}

--
David Powers
Adobe Community Expert, Dreamweaver
http://foundationphp.com