Looking for a megamenu with jquery

Discussion in 'jQuery' started by 123GoToAndPlay, Feb 20, 2010.

  1. #1
    Last edited: Feb 20, 2010
    123GoToAndPlay, Feb 20, 2010 IP
  2. shallowink

    shallowink Well-Known Member

    Messages:
    1,218
    Likes Received:
    64
    Best Answers:
    2
    Trophy Points:
    150
  3. 123GoToAndPlay

    123GoToAndPlay Peon

    Messages:
    669
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    hi, tx for the links.

    I have seen those but not quit what i want.

    I almost got one working but the css-sprite is also activated in the submenu´s

    see bldd.nl/prototypes/megamenu/test23.php

    Do you know how to fix this
     
    123GoToAndPlay, Feb 21, 2010 IP
  4. shallowink

    shallowink Well-Known Member

    Messages:
    1,218
    Likes Received:
    64
    Best Answers:
    2
    Trophy Points:
    150
    #4
    well its from the rulesets :

    #fashion-home a:hover {background:url("http://city2go.net/assets/imgs/mainmenu4.jpg") 0px -30px no-repeat; }
    #fashion-jobs a:hover {background:url("http://city2go.net/assets/imgs/mainmenu4.jpg") -123px -30px no-repeat; }
    #fashion-you a:hover {background:url("http://city2go.net/assets/imgs/mainmenu4.jpg") -240px -30px no-repeat; }
    #fashion-events a:hover {background:url("http://city2go.net/assets/imgs/mainmenu4.jpg") -350px -30px no-repeat; }
    #fashion-us a:hover {background:url("http://city2go.net/assets/imgs/mainmenu4.jpg") -483px -30px no-repeat; }
    #fashion-news a:hover {background:url("http://city2go.net/assets/imgs/mainmenu4.jpg") -585px -30px no-repeat; }


    so you need to override those with something like :
    #fashion-news div.dropdown_internal a: { background: COLOR; }
    #fashion-news div.dropdown_internal a:hover { background: COLOR; }


    to cancel out the sprite. or background-image: none;
     
    shallowink, Feb 21, 2010 IP