PDA

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



typhoidtimmy
04-26-2007, 10:31 PM
1) Script Title: Ultimate Fade-in Slideshow (v1.5)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.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/

Veronica
04-27-2007, 02:30 AM
The z-index for the slideshow is 20. Try giving the ul's that have the drop-down menu a higher z-index.


... <li><a href="/Sauna Heater/default.aspx">SAUNA HEATER</a>
<ul style="z-index:30;">
<li><a href="...

jscheuer1
04-27-2007, 05:22 AM
From your on page stylesheet (add the red parts):


#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.

typhoidtimmy
04-27-2007, 03:17 PM
From your on page stylesheet (add the red parts):


#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.:D