HTML CSS layers problem

B

Bob

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

Cheers,

Bob.
 
T

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:mad:@px;top:mad:@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
 
T

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:mad:@px;top:mad:@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.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,995
Messages
2,570,228
Members
46,818
Latest member
SapanaCarpetStudio

Latest Threads

Top