Ultimate Fade-In Slideshow and mm_menu

[grfxguru]

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

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

3) Describe problem:
Dropdown menus created with mm_menu.js ... they appear behind the slideshow.

Need them to appear in front naturally. I'm guessing this will be accomplished with setting a z-index for slideshow ... but where?

Any help most appreciated.

Thanks!

[jscheuer1]

Actually the slideshow uses escalating z-index values to accomplish its work. So it is easier to set the menu to a high z-index - say 10000.

If you want help doing that:

Please post a link to the page on your site that contains the problematic code so we can check it out.

[TheNetgirl]

I am trying to get the menu over the Ultimate Fade-In Slideshow in firefox

http://krisbutlerhomes.com/index.html

Can you please help me

thanks

[jscheuer1]

Put this style rule at the beginning of your stylesheet:


#menuContainer {
z-index: 10000;
position: relative;
}

I say at the beginning because there are errors in your stylesheet such that later rules are being ignored, at least in FF.

[perkulator]

Hi John,

I am having the same problem running a drop down over the slideshow.

http://www.snuggwetsuits.co.uk/index.asp

of course it looks great in Safari & Firefox but IE7 no joy,

any ideas?

Perkulator

[jscheuer1]

I'd try:


.horizontalcssmenu * {
position: relative;
z-index: 10000;
}

Place this at the start of your csshorizontalmenu.css stylesheet so that the position and z-index may be updated by the other menu styles if needed by the menu. But if that doesn't work out, place it at the end of the stylesheet. However, doing so may compromise the proper functioning of the menu so try it at the top first.

[perkulator]

Yeah,

Thanks john , that worked a treat, i wasnt sure at first cos it had those bits in there allready ie z-index 10000 but it must be the order is the style sheet.

top man

Cheers

Perkulator