Mega menu issue and flash fighting

Feel free to talk about everything related to our Joomla Products
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Wed Dec 01, 2010 4:23 am
We have an issue on this site here when viewing in IE 8/9 in various WIN installs and Chrome in Win/OSX

The menus drop down behind the Holden flash advertisement. We have animated gif's (which I've switched off for now) which appear rotationally but don't have this issue.

Template is B&W with changed CSS and images ... nothing else

Any thoughts as to how to resolve this?
Most frustrating :blink:
User avatar
Expert Boarder

GK User
Wed Dec 01, 2010 8:53 am
the error is not present in firefox i noticed.

i guess you will have to play with the z-index to get the megamenu on top of the flash...
User avatar
Platinum Boarder

GK User
Wed Dec 01, 2010 9:33 am
Firefox and Safari on Win and OSX don't have a problem

So fiddle with the megamenu z-index is what you mean explodedk

I tried that but it then stuffed the other browsers view of the site. :huh:
User avatar
Expert Boarder

GK User
Wed Dec 01, 2010 9:35 am
the z-index for the mega menu should be higher than the flash...

shouldn't have effect on the other browsers views...
User avatar
Platinum Boarder

GK User
Wed Dec 01, 2010 11:54 am
Ok sounds like I stuffed up somewhere.

The flash ad is some flash placed in the module "top" in the B&W template

That module css doesn't have any z-index applied to it.

The mega.css does on line 68 .gk-menu .childcontent { z-index: 999; }

More suggestions? :blink:
User avatar
Expert Boarder

GK User
Wed Dec 01, 2010 12:25 pm
hmmm. i haven't played much with flash, but from earlier forumposts, i've read that you will have to set something to transparent for it to work properly...
User avatar
Platinum Boarder

GK User
Wed Dec 01, 2010 12:37 pm
hi,

try wmode="transparent" for the .swf embed parameters( param-tag in object and attribute in embed!

To edit an existing HTML page, add the WMODE parameters to the HTML code.

1. Add the following parameter to the OBJECT tag:

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

2. Add the following parameter to the EMBED tag:

wmode="transparent"

for further info look at:
http://kb2.adobe.com/cps/142/tn_14201.html

nice greetings
User avatar
Senior Boarder

GK User
Wed Dec 01, 2010 10:00 pm
wmode="transparent" it is

:woohoo: :woohoo: :woohoo:

Thank you Polivka

My learning for today ;)
User avatar
Expert Boarder

GK User
Wed Dec 01, 2010 10:10 pm
good you got it solved :D
User avatar
Platinum Boarder

GK User
Wed Dec 01, 2010 11:51 pm
Spoke too soon ... [strike]not resolved for IE8[/strike] All fixed

<param name="wmode" value="transparent"> was placed in the wrong place :blush:
User avatar
Expert Boarder

GK User
Thu Dec 02, 2010 8:36 am
hehehe ...

your site looks good imo
User avatar
Platinum Boarder

GK User
Thu Dec 02, 2010 8:40 am
Thanks Gavick provide a great foundation

The closer to the event the more things we switch on .. sliding images, movies and sound tracks of artists in tabs.

A local community group run this event and 20,000+ people attend
User avatar
Expert Boarder

GK User
Tue Jan 18, 2011 5:56 pm
I had the same problem with Chrome, so I changed the module banners code


In line 121 (more or less) of file helper.php of mod_banners
I put this code
Code: Select all
         $html =   "<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" border="0" width="$width" height="$height">
                  <param name="movie" value="$imageurl"> <param name="wmode" value="opaque">
                  <embed src="$imageurl" loop="false" pluginspage="http://www.macromedia.com/go/get/flashplayer" type="application/x-shockwave-flash" WMODE="opaque" width="$width" height="$height"></embed>
               </object>";
User avatar
Junior Boarder


cron