PDA

View Full Version : Dropdown menu conflict with FadeSlideshow



spoffk
04-22-2011, 08:08 PM
1) Script Title: Ultimate Fade-in slideshow (v2.4)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: I am working on a website using the Suckerfish dropdown menu and the Fade-in Slideshow. The dropdowns are appearing behind the slideshow. I haven't changed the javascript file at all, and the changes I've made to the script on the page were just to get my pictures in the slideshow and to customize the height.

The URL of the site is: http://www.wadleighlibrary.org/acousticcafe/cafe.shtml

I use Dreamweaver for web design, and this problem is happening in IE8 and Firefox (those are the only two browsers I've tested). Any help would be much appreciated!

spoffk
04-22-2011, 08:13 PM
Okay, I was basing this mostly off of the "offline" version of the website as I was working on it, and I uploaded the site just to offer the code. Now, looking at the online version of the site:

IE8: The dropdowns DO show up over the slideshow, but they are very off-center.
Firefox: The dropdowns fall behind the slideshow.

azoomer
04-22-2011, 08:47 PM
It could work if you increased the z-index here:


li {
float: left;
position: relative;
width: 10em;
text-align: center;
cursor: default;
background-color: #7d6340;
z-index: 2000;
}

That's in firefox. Don't know about IE.

spoffk
04-25-2011, 04:16 PM
Thanks, that seems to have solved it! (at least in Google Chrome and IE)