CSS Flyout Menu/Flash Problem

Hi,

My website is https://www.vapenow.com. I have the css flyout menu installed in the upper right sidebox. I recently put in a flash slideshow on my main page.

The problem is that when the css menu flies out, it is behind the flash player (just scroll over one of the categories with the arrow to see). Is there anyway to get it so the categories fly out in front of the flash player?

Thanks,

Nate

This is a z-index solution....but not sure what is defined for the flash or to what div you have it inserted into?

kobra:

This is a z-index solution....but not sure what is defined for the flash or to what div you have it inserted into?

I don't even know what the z-index is. The src for the flash is in the define_main_page if that is a relevant piece of info.

Thanks for your help.

Read this and apply to your elements to correct:
http://www.w3schools.com/css/pr_pos_z-index.asp

kobra:

Read this and apply to your elements to correct:
http://www.w3schools.com/css/pr_pos_z-index.asp

Thanks for the link. I checked it out and tried to change the z-index on my elements.

I defined a class called .flash {position:relative; z-index:-1}. That did not work.

I then edited my stylesheet_categories_menu.css file and defined

div#nav-cat ul ul {
position: absolute;
top: 0;
left: 50px;
width: 110px;
display: none;
z-index: 10;
}

That didn't work. I messed around with the menu stylesheet until I got the menu to be at leats navigable (https://www.vapenow.com) with the flash slideshow. But I am wondering what I am doing wrong? Do I need to add z-index values to elements already defined in stylesheet.css?

Thanks for your ongoing help!

Nate

The src for the flash is in the define_main_page
Is this entered in this file sorta like:

<div class="flash">
  If you cannot see the Flash content, you may need to update your Flash Player.
</div>

<script type="text/javascript">
   var so = new SWFObject("images/Your_flash.swf", "movie", "???", "???", "6", "#000000");
   so.write("flash");
</script>

Where you have defined this flash as being this div? If so then in the css:

.flash {
        position: relative;
        z-index: -1;
        }

Then just try making the others z-index: 1000;

kobra:

Is this entered in this file sorta like:

<div class="flash">
If you cannot see the Flash content, you may need to update your Flash Player.
</div>

<script type="text/javascript"> var so = new SWFObject("images/Your_flash.swf", "movie", "???", "???", "6", "#000000"); so.write("flash"); </script>

> Where you have defined this flash as being this div?

The code for the flash movie looks like:

<table align="center" border="0" cellpadding=0 cellspacing=0> <tr> <td align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="400" id="tech" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="vapenowss.swf" /> <param name="quality" value="high" /> <embed src="http://vapenow.com/flash/vapenowss.swf" quality="high" width="400" height="400" name="tech" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

</object>
 </td>

</tr> </table> ```

There are no div tags. Should I add div tags or do I need to play around with the table and object tags?

Thanks again for your continued help!

Well unless you can address it (class or ID) in the css you can not apply any index to it there. You migh try this inline with your code.
The tables are not required for this IMO.

kobra:

Well unless you can address it (class or ID) in the css you can not apply any index to it there. You migh try this inline with your code.
The tables are not required for this IMO.

The code I have right now was generated by the program I made the slide show with. I know nothing about flash. I'd happily get rid of the table and all the excess code, I'm just not sure how to get from the code I have to the code outline you posted above.

Hi

how to i increse the hight of my catagory names ( some are long and it not showing)
and how to i add an arrow to catagorry that have sub catagory

i use zen 1.37
Ty

I have the same problem as you.
It was solved by adding 2 more line into the code that define your flash movie.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="400" id="tech" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="vapenowss.swf" /> <param name="wmode" value="transparent"> <param name="quality" value="high" /> <embed src="http://vapenow.com/flash/vapenowss.swf" quality="high" width="400" height="400" name="tech" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />

</object>

Give that a try and see if it fix your problem or not