470,815 Members | 1,279 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 470,815 developers. It's quick & easy.

floating menu over flash

I have a menu on the right side of my page and a flash object in the center. When a certain option in the menu is select a sub menu pops and floats left. The problem is, depending on the browser and OS i.e.(firefix,ubuntu) the submenu is behind the flash. How can i fix this problem. I googled for the last day and the only thing I found was to put the flash in it's own div and set the z-index to -1. This solved nothing.

here is a copy of the flash code:

<object type="application/x-shockwave-flash" data="support/flash/research5.swf" width="577" height="610">
<param name="movie" value="support/flash/research5.swf" />
<param name="wmode" value="transparent" />
<a title="You must install the Flash Plugin for your Browser in order to view this movie" href="http://www.adobe.com/shockwave/download/alternates/">
<img src="support/flash/research_noflash.png" width="577" height="610" alt="placeholder for flash movie" />
</a>
</object>

here is a copy of my floating menu and sub menu:
<h1>Connect</h1>

<ul class="maindropnav">
<li>
<a <?php if ($activenav == 'menuhome') echo ('class="active"') ?> href="/index.php">Home
<span>Return to the Utah Climate Center homepage.</span>
</a>
</li>
<li>
<a <?php if ($activenav == 'menudata') echo ('class="active"') ?> href="/products/data.php">Data Products
<span>Use a GIS interface to access climate data from COOP, GSOD and AWOS weather stations.</span>
</a>
</li>
<li>
<a <?php if ($activenav == 'menuvis') echo ('class="active"') ?> href="#">Visualizations
<!--<span>Use an interactive interface to view current satellite data.</span>-->
</a>
<ul class="dropnav">
<li><a href="/loops/loops.php">Satellite Loops</a></li>
<li><a href="http://webcat.gis.usu.edu:8080/index.html">Micromaps</a></li>
</ul>
</li>
<li>
<a <?php if ($activenav == 'menuconv') echo ('class="active"') ?> href="/conversions.php">Climate Conversions
<span>Find tools for temperature, humidity, wind speed and other climate conversions.</span>
</a>
</li>
<li>
<a <?php if ($activenav == 'menustatict' || $activenav == 'menudynamic') echo ('class="active"') ?> href="#">Climate Reports
<!--<span>Find useful reports like freeze dates, water year information, etc.</span>-->
</a>
<ul class="dropnav">
<li><a href="/reports/static.php">Static Reports</a></li>
<li><a href="/reports/dynamic.php">Dynamic Reports</a></li>
</ul>
</li>
</ul>

If anyone wants to look the website is: http://beta.climate.usurf.usu.edu/research.php

Has anyone found a fix for this
Jun 26 '07 #1
3 7306
Hey,
You might have tryed this but. On the flash CSS put:
position:relative; z-index:4;
on the menu:
position:absolute; z-index:5;

Usually you can't float anything over flash but recently I was able to float a Div tag over a flash movie like this.

-J
Jun 26 '07 #2
Hey, this helped me out with a website quandary I was having, many thanks!
Aug 19 '10 #3
try to use: wmode=transparent
Oct 20 '10 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

2 posts views Thread by Jim | last post: by
2 posts views Thread by icegray | last post: by
16 posts views Thread by stevedude | last post: by
6 posts views Thread by PetterL | last post: by
reply views Thread by mihailmihai484 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.