CSS menu not working in crome & cause issue with flash in IE

[Timespider]

Hi, I have a dynamic menu with sub items but the sub items won't appear in google crome. They work in IE8 & Firefox but in those two when they flyout it hides a flash movie to the right. Does anyone have any ideas on this? Below is the link to the site, its the main menu on the left.

http://www.tracheykids.co.nz/

Thanks Chris

[Fred]

Hi Chris,
Did you download the latest patches for the menu?

The main issue is probably not the menu because if you navigate to the login page the menu works.

What you need to do with flash when you add it to a page is to set following as part of the flash parameters.

Code: Select all

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

You can see a working example here: http://www.leadingwebexposure.com/index.php?Y=53

It is tested on the following browsers:
FireFox 4 Beta
Chrome
IE8
Netscape
Flock

[Timespider]

Hi Fred, yes I did load the menu fix & I've put that parameter in & the movie on the right on the home page still dissapears. Do you know why the menu sub items don't work in Crome?

Cheers Chris

[Fred]

Lets start at the start

On my pc it is only your home page submenus that is not working.

Is my example working on your chrome installation?

Look at the page source how I did the youtube vid.
Is there any difference?

[Timespider]

Hi Fred, yes your example works but your menu sub items don't drop down over the utube movie where as mine do. I rebuilt the page step by step, could it be the flash movie that's the issue as it all works fine until I put that in the page or could it be the menu reacting to it. I even tried puting a layer in & making it's z index 300 for the menu to make it the very front object, but no change still the same. If you look at this version you can see the top menu item "Articles" works but it's above the movie. http://www.tracheykids.co.nz/index2.php

Thanks for the help Fred

Chris.

[Fred]

There is sub-sub menus overlaying the flash movie, you just need to navigate down far enough.

But interestingly enough if I move the movie to the left and hover on the menu the menu doesn't work.
Seems like there is an issue with the first-level submenus.

[Timespider]

Thanks Fred for looking at it for me. If you have any other suggestions let me know. I'll keep plugging away at it. I prefer to use flash but may have to use a javascript swap image(never done that before).

PS: In case you wondered that site is my family.

Have a good Christmas & new year. Chris

[Timespider]

Hi, just a finishing note for anyone else who has this issue with the menu's sub items & flash movies(embedding issue). I have applied the fix on this site & spent ours trying to find a work around but had no luck. As it was just a glorified slide show I required, I ended up just using a javascript slide show. Not quite what I wanted but solves the problem. If you still require flash just make sure your movie is out of the way of the menu sub items & it should work fine.

Chris

[glensbo]

I have a peculiar problem as my horizontal submenu IN CHROME is pushed downwards (probably by a Dreamweaver/Fireworks slideshow??) - and it looks not very nice. Reading this thread gives me an idea that I need to modify the slideshow CSS? or JS but I have no clue. If you have time and is able to help I would be glad. www.mestermadsen.dk look at the menuitem Referencer.
Thanks in advance
Henrik

[Fred]

Hi Henrik,
CSS menu is known to have issues with flash but try the following.

Try change this line

Code: Select all

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

to read

Code: Select all

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

i.e. set the parameter name first then the value.