Hi all I have purchased monoslideshow and I'm trying to get two slideshows working on the same page. I have embedded both into 1 flash movie using this code in each Movieclip
Success both work on the page and loads images from different folders.
The Only problem is that my css menu falls behind the movie in IE 6 and 7.
Can anyone recommend why this is happening? I have set the wmode to transparent - which works in FF, Safari and Opera but not in IE.
Here is the code for the movie
<code><div id="slideshow1"> <p>Temporary holder for the Flash object</p> </div>
<script type="text/javascript"> // <![CDATA[ var so = new SWFObject("{site_url}images/interface/queens/queensheader.swf","queensheader", 766, 379, "7", "#ffffff"); so.addParam("base", "{site_url}images/interface/queens/"); so.addVariable("showLogo", "false"); so.addVariable("showVersionInfo","false"); so.addVariable("dataFile", "{site_url}images/interface/queens/monoslideshow.xml"); so.addParam("quality", "high"); so.addParam("wmode", "transparent"); so.write("slideshow1"); // ]]> </script></code>
and the code for the menu:
and the CSS
<code>/*Drop-down menu*/ .nav2 {float:left; padding-top:43px; width:770px; border:none; background:transparent; color:#333333; font-size:90%;} /*Color navigation bar normal mode*/ .nav2 ul {list-style-type:none;} .nav2 ul li {float:left; position:relative; z-index:1000!important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);} .nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);} .nav2 ul li ul {display:none; border:none;}
/*Non-IE6 hovering*/ .nav2 ul li:hover a {background-color:#f4cf57; text-decoration:none;} /*Color main cells hovering mode*/ .nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;} .nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/ .nav2 ul li:hover ul li a:hover {background-color:#f4cf57; text-decoration:none;} /*Color subcells hovering mode*/
/*IE6 hovering*/ .nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;} .nav2 ul li a:hover {color:#64646; background-color:#f4cf57; text-decoration:none;} /*Color main cells hovering mode*/ .nav2 ul li a:hover ul {color:#64646; display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; top:3.0em; left:0; margin-top:0.1em;} .nav2 ul li a:hover ul li a {color:#64646; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/ .nav2 ul li a:hover ul li a:hover {color:#64646; background-color:#f4cf57; text-decoration:none;} /*Color subcells hovering mode*/
/*IE6 hovering*/ .nav2 table {color:#64646; position:absolute; top:0; left:0; border-collapse:collapse;} .nav2 ul li a:hover {color:#64646; background-color:#f4cf57; text-decoration:none;} /*Color main cells hovering mode*/ .nav2 ul li a:hover ul {color:#64646; display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; top:3.0em; left:0; margin-top:0.1em;} .nav2 ul li a:hover ul li a {color:#64646; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/ .nav2 ul li a:hover ul li a:hover {color:#64646; background-color:#f4cf57; text-decoration:none;} /*Color subcells hovering mode*/</code>
Sorry for the long post but any idea why this is happening?