Problem with flyout menu and slide show

[zinninge]

1) Ultimate Fade-in slide show (v1.51)

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

3) Describe problem: It appears here: http://www.stjohns-dc.org/article.php?id=69

The problem is that the photo gallery appears on top of the flyout menu on the left. I tried changing the z-index of the menu, but it didn't work.

Any help will be much appreciated!

[Snookerman]

There is quite a bit of code to go through and I'm sure it's easier for you so I recommend that you check the z-index of the menu and the slide show, but also of all the containers they are in. What is important is the parent containers (i.e. the outermost containers).

[zinninge]

The slideshow uses z-index for all of the images, so I changed the z-index of the menu container to 100000. That didn't work either.

[Snookerman]

Have you done that for the sub-menus as well? For example this one:

<div style="overflow: hidden; position: absolute; visibility: inherit; cursor: pointer; color: rgb(0, 28, 74); font-family: arial,helvetica; font-size: 9pt; font-weight: normal; font-style: normal; background-color: rgb(206, 211, 231); text-align: left; width: 153px; height: 20px; padding-left: 12px; padding-top: 0px; left: 1px; top: 22px; z-index: 100;">Sacraments</div>

[zinninge]

The menus are generated--see the snippet of javascript at the bottom of this message. There is a variable, MenuPos, that controls the positioning of the menu. I put the z-index value in the MenuPos class in the <style> tag in the header. I've also tried putting it in the div tag around the menu, but that didn't work either.

For some reason, it works fairly well in IE6--it's Firefox and Safari that cut off the menus.


var TargetLoc="MenuPos"; // span id for relative positioning


Menu9=new Array("About St. John's","http://www.stjohns-dc.org/article.php?id=10","",6,20,165,"","","","","","",-1,-1,-1,"","Own text entered");
Menu9_1=new Array("Invitation and Mission","http://www.stjohns-dc.org/article.php?id=47","",0,20,165,"#ced3e7","#e8eaf4","#001c4a","#001c4a","#001c4a","",-1,-1,-1,"","");
Menu9_2=new Array("History","http://www.stjohns-dc.org/article.php?id=48","",0,20,165,"#ced3e7","#e8eaf4","#001c4a","#001c4a","#001c4a","",-1,-1,-1,"","");
Menu9_3=new Array("&nbsp;&nbsp;&nbsp;&nbsp;Newsletters, Leaflet,<br>&nbsp;&nbsp; &nbsp;&nbsp;and Sunday Bulletin","http://www.stjohns-dc.org/article.php?id=49","",0,30,165,"#ced3e7","#e8eaf4","#001c4a","#001c4a","#001c4a","",-1,-1,-1,"","");
Menu9_4=new Array("Location and Directions","http://www.stjohns-dc.org/article.php?id=50","",0,20,165,"#ced3e7","#e8eaf4","#001c4a","#001c4a","#001c4a","",-1,-1,-1,"","");
Menu9_5=new Array("Church Renovation","http://www.stjohns-dc.org/article.php?id=57","",0,20,165,"#ced3e7","#e8eaf4","#001c4a","#001c4a","#001c4a","",-1,-1,-1,"","");
Menu9_6=new Array("Photo Gallery","http://www.stjohns-dc.org/article.php?id=63","",0,20,165,"#ced3e7","#e8eaf4","#001c4a","#001c4a","#001c4a","",-1,-1,-1,"","");