locked
Menu Control - Background Images RRS feed

  • Question

  • User-541829030 posted

    Hallo and Greetings!

    I've created a menu using these nifty new control adapters, and I've also created 4 background images that I wanted to use...

    I want the top or Tier 1 level to have its own two images, a main one and a hover, and I'd like all the secondary tier items to have their own regular background and hover.  So in other words, what I'd like to have is for the top menu to have a blue background with a gradient and a cut in it, looks like a folder tab, along with a red hover (gradient and cut also).  The second tier has no cut and no gradient but they do have a blue background that turns red when it hovers.  I can't seem to use the CSS to accomplish this, either all list items including the secondary tier all get the same background and hover, or other funky things happen, like the secondary tier gets two backgrounds...  Can anyone point me to the right styles to accomplish what I am trying to do?

    Fet Rot!

    Thanks much,

    albarossa

    Thursday, April 3, 2008 2:52 PM

All replies

  • User-541829030 posted

    Issue resolved, realized that some of the style sections cover many different menu areas, for example, changing this:

    .SimpleEntertainmentMenu li:hover a, /* hovered text */

    .SimpleEntertainmentMenu li:hover span,

    .SimpleEntertainmentMenu li.AspNet-Menu-Hover a,

    .SimpleEntertainmentMenu li.AspNet-Menu-Hover span,

    .SimpleEntertainmentMenu li:hover li:hover a,

    .SimpleEntertainmentMenu li:hover li:hover span,

    .SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

    .SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,

    .SimpleEntertainmentMenu li:hover li:hover li:hover a,

    .SimpleEntertainmentMenu li:hover li:hover li:hover span,

    .SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

    .SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span

     

    to this:

    .SimpleEntertainmentMenu li:hover a, /* hovered text */

    .SimpleEntertainmentMenu li:hover span,

    .SimpleEntertainmentMenu li:hover li:hover a,

    .SimpleEntertainmentMenu li:hover li:hover span,

    .SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

    .SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,

    .SimpleEntertainmentMenu li:hover li:hover li:hover a,

    .SimpleEntertainmentMenu li:hover li:hover li:hover span,

    .SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

    .SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span

     helped!

     

    Also, you can change the background defaults by ending your background-image style selection with an "!important".

     

    Thanks to all who were going to post a possible solution!

    Thursday, April 3, 2008 5:06 PM