Results 1 to 3 of 3

Thread: jQuery Gooey Menu Problem

  1. #1
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy jQuery Gooey Menu Problem

    1) Script Title: jQuery Gooey Menu

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/gooeymenu.htm

    3) Describe problem:
    I have been through every single thread here after i followed instructions on how to insert the code into my website.
    After 6 hours of trying just about anything I know, I am at my wits end.

    The script is installed at 2dollarwave.com/indexnew.php
    I cannot make the gelbuttonmenu image show up on top of my body bg image at all.

    Your help is very much appreciated
    Tom
    Last edited by jscheuer1; 08-11-2011 at 01:14 PM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,004
    Thanks
    44
    Thanked 3,199 Times in 3,161 Posts
    Blog Entries
    12

    Default

    That's not the body, it's the wrapper div. But either way I'm not sure how it's getting in front of the gel button.

    That said, adding the highlighted to the gooeymenu.css file (near the beginning) will take care of it:

    Code:
    hr{
    margin:50px 0;
    color:#eee;
    }
    
    ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
    _visibility: hidden; /*IE6 rule*/
    }
    
    /* ######### Gel Menu CSS ######### */
    
    ul.gelbuttonmenu{
    position:relative;
    padding: 0;
    margin: 0;
    margin-bottom:1em;
    z-index: 1;
    text-align: center; //set value to "left", "center", or "right"*/
    }
    
    ul.gelbutt
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi J.....
    simply awesome, it fixed the problem,
    thank you so much!!

    Cheers
    Tom

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •