PDA

View Full Version : css and Ultimate Fade-in slideshow (v1.51)



gretela
01-23-2009, 05:38 PM
1) Script Title: Ultimate Fade In Slide Show

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

3) Describe problem: IE7 and CSS Menus don't seem to work with the slide show.

I am using basic CSS drop down menu and in IE7 it falls behind the script. I was able to fix the problem in IE6 by using Z-Index but that did not fix the problem in IE7. Are there any other suggestions or am I missing something easy?

(I'm more of a CSS person than JavaScript, that is why I like Dynamic Drive.)

Snookerman
01-23-2009, 10:56 PM
Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.

gretela
01-26-2009, 12:03 PM
http://www.ubakegoodies.com/index.php

If you look at the Product menu in IE 7 you will see that it falls behind the slideshow.

Thanks.

Snookerman
01-26-2009, 01:17 PM
For z-index to work, the element must be positioned, try adding this to your css code:

#nav_lower li a { //_stylesh..._menu.css (line 64)
display:block;
margin:0;
padding:0;
text-decoration:none;
z-index:9;
position: relative;
}

Good luck!

jscheuer1
01-26-2009, 01:44 PM
For z-index to work, the element must be positioned, try adding this to your css code:

#nav_lower li a { //_stylesh..._menu.css (line 64)
display:block;
margin:0;
padding:0;
text-decoration:none;
z-index:9;
position: relative;
}

Good luck!

That doesn't appear to work, while this does (from the css/_stylesheet_menu.css file):


/*main headings*/
#nav_lower {
padding:0;
margin:0;
LIST-STYLE-TYPE: none;
position: relative;
z-index: 10000;
}

gretela
01-26-2009, 02:55 PM
These worked. Thank you both.

Have a great week!