asked on

drop down menu does not work with flash

I have a problem with drop down menu and flash.

drop down menu works fine by itself, but if I add flash under that, it does not show drop down menu.

Would you please help me?

this is the code..

------------------------
<table id="bodyout" cellpadding="0" cellspacing="0">
                  <tr id="bodymain">
                  <td>
                  <div id="main">
                        <table border="0">
                              <tr>
                              <td>
                              <ul id="csstopmenu">
                                    <li>
                                    <div class="headerlinks"><a href="#" ONMOUSEOVER="changeImages('home', 'image/home-over.gif'); return true;"
                                    ONMOUSEOUT="changeImages('home', 'image/home.gif'); return true;"><img name="home" src="image/home.gif"></a></div>
                                    </li>

                                    <li>
                                    <div class="headerlinks"><a href="#" ONMOUSEOVER="changeImages('marketingservice', 'image/marketingservice-over.gif'); return true;" ONMOUSEOUT="changeImages('marketingservice', 'image/marketingservice.gif'); return true;"><img name="marketingservice" src="image/marketingservice.gif"></a>
                                    </div>

                                          <ul class="submenus">
                                          <li> <a href="#">Marketing Campaigns</a></li>
                                          <li> ------------------</li>
                                          <li> <a href="#">Product Line Review & Updates</a></li>
                                          <li> ------------------</li>
                                          <li> <a href="#">Identity Packages</a></li>
                                          <li> ------------------</li>
                                          <li> <a href="#">Direct Mail</a></li>
                                          <li> ------------------</li>
                                          <li> <a href="#">Event Marketing</a></li>
                                          <li> ------------------</li>
                                          <li> <a href="#">E-services</a></li>
                                          </ul>
                                    </li>
                              </ul>
                              </td>
                              </tr>

                               <tr bgcolor="#ffffff">
                               <td height="100" align="left" valign="top" bgcolor="#0E3872"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="208">
<param name="movie" value="msm1.swf">
<param name="quality" value="high">
<embed src="msm1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="208">
                               </embed>
                               </object>
                               </td>
                               </tr>

                         </table>
                  </div>
                  </td>
                  </tr>
            </table>
-----------------------------------------

nifmcm

i think you only need to add this to your flash object:

<param name="wmode" value="opaque">

and to your embed tag:
wmode="opaque"

and then use your z-index's to specify it's level in layers.

the unfortunate thing is that this is not supported by all browsers.
an interesting read on dhtml and flash objects is here:
http://www.communitymx.com/content/article.cfm?cid=E5141

hope this helps,
nikki

ASKER CERTIFIED SOLUTION

Kiran Paul VJ

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial