Results 1 to 4 of 4

Thread: Layering, Javascript, & Ultimate Fade-in slideshow (v1.5) (part 2)

  1. #1
    Join Date
    Mar 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Layering, Javascript, & Ultimate Fade-in slideshow (v1.5) (part 2)

    1) Script Title: Ultimate Fade-in Slideshow (v1.5)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    3) Describe problem: In both FF and IE, I am using Slideshow directly under my dropdown navigation and have noticed that the slideshow is overlapping the dropdown. I cannot pinpoint where in the slideshow is causing this problem. Any help would be appreciated.

    Temp URL (with the problem):
    http://s53962.sites85.storefront-hosting.com/

  2. #2
    Join Date
    Feb 2007
    Posts
    293
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    The z-index for the slideshow is 20. Try giving the ul's that have the drop-down menu a higher z-index.
    Code:
    ... <li><a href="/Sauna Heater/default.aspx">SAUNA HEATER</a>
    		<ul style="z-index:30;">
    			<li><a href="...

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    From your on page stylesheet (add the red parts):

    Code:
    #nav, #nav ul { /* all lists */
    	padding: 1;
    	margin: 0;
    	list-style: none;
    	line-height: 2;
    	text-align: center;
    position:relative;
    z-index:30000;	
    }
    Notes: The slide show actually employs incrementing z-indexes which is why I chose such a high z-index for for this.
    - John
    ________________________

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

  4. #4
    Join Date
    Mar 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    From your on page stylesheet (add the red parts):

    Code:
    #nav, #nav ul { /* all lists */
    	padding: 1;
    	margin: 0;
    	list-style: none;
    	line-height: 2;
    	text-align: center;
    position:relative;
    z-index:30000;	
    }
    Notes: The slide show actually employs incrementing z-indexes which is why I chose such a high z-index for for this.

    The position:relative threw my menu out of wack on IE but with some tweaking here and there, I got it working correctly....MUCH MUCH THANKS to the both of you.

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
  •