anylink css 2.2 and flash

[jrthor2]

1) Script Title: AnyLink CSS Menu 2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...anylinkcss.htm

3) Describe problem: I have implemented this script, but it goes behind flash elements on my page. How can I get this to show above my flash elements?

Thanks

[jscheuer1]

Loosely from:

http://www.macromedia.com/cfusion/kn...fm?id=tn_14201

Add in this language to your object/embed tag(s) -

Add the following parameter to the OBJECT tag:

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

Add the following attribute to the EMBED tag:

wmode="transparent"

Or, if you are using two object tags, as can and is sometimes done, add the param tag to both of them.

If you are using script to generate the tags (as is frequently done to avoid the 'click to activate' feature in some browsers), the wmode transparent must be passed to the script. This is easily accomplished but, varies depending upon the sort of script one uses. Some scripts do it automatically.

[jrthor2]

The below code is in my object tag already.

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

I'm using Joomla and a plugin for this, and there is no embed tag. My menu still goes behind the flash player.

[jscheuer1]

A single object tag for Flash is impossible if there is support (your Flash feature works in) in both IE and other browsers.

I'm not all that familiar with Joomla. But the critical issue is the page's served source code. I can tell you what that needs to be if I can see it. Making it happen via Joomla would be up to you. For Joomla specific help, you would probably need to consult the Joomla docs and/or a Joomla forum.

If you want me to have a look at the served source code so as to advise you on what may be missing from it:

Please post a link to the page on your site that contains the problematic code so we can check it out.

[jrthor2]

Great, here is a link:

http://www.vickiesangelwalk.org/joom...d=31&Itemid=16
rollover the Photos & Media tab, and you'll see the menu goes behind the flash player.

Thanks!!

[jscheuer1]

You have the wmode set correctly. Add this (highlighted) to your style section:

<style type="text/css" media="all">
	@import "http://www.vickiesangelwalk.org/joomla15/plugins/content/jw_allvideos/tmpl/css/template.css";
.anylinkcss, .anylinkcss * {
 z-index: 10000;
}
</style>

Or to any stylesheet used by your page.

[jrthor2]

Ok, I added that, but it's still not above the flash.

EDIT: I got it to work by putting the style you gave below the original .anylinkcss, that has the z-index set to 100. Now, the only thing is that the shadow goes behind the flash. Any way to get that above the flash?

Thanks!!

[jscheuer1]

.anylinkshadow{ /*CSS for shadow. Keep this as is */
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999; /*zIndex for shadow*/
	background: black;
	visibility: hidden;
}

[jrthor2]

Awesome, thanks for the help!!