I've used the Photo Gallery on several websites now and I'm quite happy with it. This issue has come up and I'm sure there is a way to solve it. The site is castlerockeventsandweddings.com/gallery.html
The drop down menu for Plan Your Event goes behind the photo gallery. I have tried these things: I changed my css for the menu items to have z-index of 1 which should put it on top of any default item. Nope.
I tried wrapping the photo gallery flash object in a div tag using a class with a z-index of -1 and added a style:
to the object tag of the gallery. No luck.
So is there somewhere in the .xml file or in the code for the photo gallery object where I can set the z-index? Or is there some other method for allowing the menu to show on top of the gallery.
By the way, it works fine on my mac using Firefox or Safari... Go figure...
Any help will be appreciated,
After searching for an hour before I posted the question and not finding anything, I finally found a discussion about transparency!
I set the gallery to transparent background mode and it worked, so now it works on mac firefox and safari and PC firefox and IE.
I sed the z-index of the submenus to 1 then added the parameter wmode="transparent" to the <embed> code segment. worked great. Http://www.buycoloradohomes.com
, should have it complete tommorrow.
<div class="subMenu" id="menu" style="top:15px;z-index:1;"></div>
<embed src="fhe2.swf" wmode="transparent"
quality="high" bgcolor="#ffffff" width="545" height="473" name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />