menu drop down is adding behind
please menu drop down is hidding behind, here is link to live site go.php
please menu drop down is hidding behind, here is link to live site go.php
When the menus appear behind a Flash element on the page it is likely do to the wmode setting of the Flash on the page. Here is a kb article from Adobe that discuses this and how to resolve it.
viewContent.do?externalId=tn_15523
Along with the wmode you can control the stacking order further by using the z-index along with the positioning. If two elements on a page are set to the same positioning, like relative, then the z-index will determine their stacking order.
thank you I aready set the wmode as trasparent see below and my css z index is 9999
but still the same problem
<script type="text/javascript" src="swfobjectgobanner.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.settingsXML = "settingsgobanner.xml";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("gobanner.swf", "goBannerDiv", "850", "280", "9.0.0", false, flashvars, params, attributes);
</script>
that is not the same code I see when viewing your pages source code:
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','590','height','300','src','banner','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banner' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="590" height="300">
<param name="movie" value="banner.swf" />
<param name="quality" value="high" />
<embed src="banner.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="590" height="300"></embed>
</object>
</noscript>
I also do not see a z index in the menu.css file for the ul#cssmw5 class:
ul#cssmw5 {
cursor: default;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
Thank you here is the copy of css
ul#cssmw5 {
cursor: default;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
z-index:9999;
}
The flash code you copied is another one, it's the header itself, but the one that is below the menu is the code I sent earlier but now I've ammended the flash code with the wmode, but the result is still the same. thanks
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','590','height','300','src','banner','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banner' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="590" height="300">
<param name="movie" value="banner.swf" />
<param name="quality" value="high" /><br>
<param name ="wmode" value="transparent"/>
<embed src="banner.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="590" height="300"></embed>
</object>
</noscript>
Hiya tolushayoo,
One thing to try if you are working in Dreamweaver CS3 of CS4, would be to delete the contents of the cells that contain the two top swfs, and then re-insert them via the Dreamweaver menu > Insert > Media > SWF > and re-link to your SWFs. This has (nearly) always worked for me in the past. It should add or re-link the required scipts.
I used Dreamweaver to insert a couple of SWF objects in to a blank page - then adjusted them to size and used Firebug to test by using this to replace your existing code, and it seemed to do the trick. It is worth a try, anyway.
Just for your information, these are the two objects I created in Dreamweaver tailored to your specs:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="590" height="300" id="FlashID" tabindex="1" title="banner">
<param name="movie" value="banner.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="9.0.45.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../Scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="banner.swf" width="590" height="300">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="9.0.45.0">
<param name="expressinstall" value="../Scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<table width="306" border="0" align="right">
<tr>
<td width="300" height="373"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="370" id="FlashID2" title="htmlnewlist">
<param name="movie" value="htmlnewslist.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="9.0.45.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../Scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="htmlnewslist.swf" width="300" height="370">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="9.0.45.0">
<param name="expressinstall" value="../Scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
</table>
Hi neilo thank you very much for your help, I copied the code but didnt work for me, but I've got it to work eventually thankyou
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.