Results 1 to 3 of 3

Thread: jQuery Gooey Menu does not display .GIF images

  1. #1
    Join Date
    Jun 2011
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default jQuery Gooey Menu does not display .GIF images

    1) Script Title: jQuery Gooey Menu

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

    3) Describe problem: Installed according to instructions, checked, rechecked and rechecked for mistakes, but whatever I do, I can't see any GIF images on the menu. Look at this page to see the problem: http://ppbm5.com/DB-PPBM5.php

    Probably some noob error, but if someone can point me in the right direction, I would appreciate it.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    The problem appears to be the explicit background color you've given the parent containers of the gooey menu- when added, they obscure the background images used to render the gooey effect. Try removing the lines in red below from your CSS:

    Code:
    .oneColFixCtrHdr #container {
    	background: #FFFFFF;
    	margin: 0; /* the auto margins (in conjunction with a width) center the page */
    	border: 0px solid #000000;
    	text-align: left;
    }
    .oneColFixCtrHdr #header {
    	background: #DDDDDD;
    	padding: 0px 10px 0 10px;
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    	font-size: 16pt;
    	vertical-align: top;
    }
    .oneColFixCtrHdr #mainContent {
    	background: #FFFFFF;
    	padding-top: 0;
    	padding-right: 0px;
    	padding-bottom: 0;
    	padding-left: 5px;
    }
    BTW, please note that your page is currently in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice: http://www.dynamicdrive.com/notice.htm
    DD Admin

  3. #3
    Join Date
    Jun 2011
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Copyright message reinstated.

    The removal of the highlighted red lines did the trick, in addition to removing a slight typo. Thanks for the help.
    Last edited by Harm Millaard; 06-21-2011 at 11:50 AM.

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
  •