HTML CSS layers problem

[Bob]

http://www.geocities.com/pathdestroyer/flash.html

In this page when you click enable flash it replaces the flash with an
image.

I would like the div#download to sit on top of the flash or the image -
which ever is showing. At the moment the Flash and the image appear below
div#download.

How can I achieve this?

Cheers,

Bob.

 

[Bob]

The page shouldn't refresh when you click the link also, how do I get around
this?

Cheers,

Bob.

 

[the_mighty_snap_dragon]

The page shouldn't refresh when you click the link also, how do I get around
this?

Cheers,

Bob.

At a glance, i asume you want the movie to sit higher up the page so
it overlaps with the other images etc. including your download div.

To make the div sit over anything it will need to be positioned
absolute with CSS. You could try relative positioning with negative
numbers but i can see that running into problems with different
browsers like FireFox and Opera.

The problem with absolute positioning a div in this situation is that
its actual screen position will change with different users screen
resolutions. You can get around this with some javascript that
positions the div based on the available screen space. If your site is
left aligned (as it looks) then its not so much of an issue.

Set the CSS style tag of the div with:
<div id="download" style="position:absolute;left@px;top@px;">

Where you replace @@ with the number of pixels you want to place the
div at.

You can put a container div around all the divs you want to 'hover' if
you want to keep those in the same relative positions.

Is this what you were trying to achieve?

Regards,
John

 

[the_mighty_snap_dragon]

At a glance, i asume you want the movie to sit higher up the page so
it overlaps with the other images etc. including your download div.

To make the div sit over anything it will need to be positioned
absolute with CSS. You could try relative positioning with negative
numbers but i can see that running into problems with different
browsers like FireFox and Opera.

The problem with absolute positioning a div in this situation is that
its actual screen position will change with different users screen
resolutions. You can get around this with some javascript that
positions the div based on the available screen space. If your site is
left aligned (as it looks) then its not so much of an issue.

Set the CSS style tag of the div with:
<div id="download" style="position:absolute;left@px;top@px;">

Where you replace @@ with the number of pixels you want to place the
div at.

You can put a container div around all the divs you want to 'hover' if
you want to keep those in the same relative positions.

Is this what you were trying to achieve?

Regards,
John

One other thing.... the wmode paramter of your flash movie will need
to be set to transparent for this to work correctly.