close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

menu drop down is adding behind

Thread began 2/19/2010 2:27 pm by tolushayoo193471 | Last modified 2/20/2010 1:00 pm by neilo | 1031 views | 7 replies |

tolushayoo193471

menu drop down is adding behind

please menu drop down is hidding behind, here is link to live site go.php

Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

tolushayoo193471

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>

Sign in to reply to this post

Jason ByrnesWebAssist

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;
}

Sign in to reply to this post

tolushayoo193471

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>

Sign in to reply to this post

neilo

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>

Sign in to reply to this post

tolushayoo193471

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

Sign in to reply to this post

neilo

Pleased to hear it, - nice one.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...