bam.

.header .logo {
    margin-left: 18px;
    position: relative;
    z-index: 1;
}

Specifically - the position and the z-index. Z-index won't work without the "position" element. I then set the z-index to 1, since all the rest of the them were zero, and one would be the top layer then.

Good luck!
-Z

http://www.bamgraphics.com/flgq/ has a bunch of z-index items (the theme came with them) that i've been laboring over. All I'm trying to do is to make the gold top move in front of the picture of the musicians rectangle below it.

I think there are way too many z-index's going on with the css now to make this work.

thanks in advance...

ISSUE

A Flash movie in a layer on a DHTML page containing several layers may display above all the layers, regardless of the stacking order ("z-index") of those layers. This is the case with the VideoPress player in Internet Explorer 8.

REASON

By default, browsers place embedded plug-in content, such as a Flash movie or Java applet, on the topmost layer. In older browsers, attempts to place a DHTML layer on top of a Flash layer would fail. Newer browsers add the ability to layer Flash content with DHTML content and in some cases the ability to use transparent backgrounds in the Flash content (see below).

SOLUTION

Use the WMODE parameter to allow layering of Flash content with DHTML layers. The WMODE parameter can be 'window' (default), 'opaque', or 'transparent'. Using a WMODE value of 'opaque' or 'transparent' will prevent a Flash movie from playing in the topmost layer and allow you to adjust the layering of the movie within other layers of the HTML document.

QUESTION

How can this be done? Since we use short codes to embed the player in pages, how can we avoid the video overlapping drop down menus?

Thanks,
CG

For the id selector "#everything" to work, you'd need to create an element with an ID of the same name, otherwise, it just won't work. Because "header" and "wrapper" do exist in the source code, your changes are visible.

Since no user has access to the PHP code to create elements, one way to achieve this is to create the element in a text widget. I believe the software removes ID attributes from the tags, so I'd suggest you to use a class instead. The code would look something like this:

<div class="everything">
     <img src="yourimage.jpg" [other attributes] />
</div>

Then in your CSS, change the selector from "#everything" to ".everything" and that should do it.

For all this to work, I'm assuming you have the CSS upgrade.

HTH

#header{ border: 1px solid #f00; }

the header and wrapper show up, but the everything doesn't. You response is greatly appreciated.

Thanks again.

thanks for help

What does AFAIK mean?

Don't worry about styling the nav I will do that later, more worried about the position.

After we do that I would like the text to wrap around the logo a bit. I am sure there is something online already that will help me with that.