asked on
How to keep layered links stay on the page with Dreamweaver
I have some links on a second layer that don't move along with the rest of the page when the user resizes the window. The window is about 800 px wide and is always centered regardless of varying the window size. What do I need to do to lock the links in sync with the rest of the page?
Here is the code for one of the links:
<div id="Layer2"><img src="image/Download Free Software.gif" width="107" height="39" border="0" usemap="#Map2Map" />
<map name="Map2Map" id="Map2Map2">
<area shape="rect" coords="17,332,125,372" href="javascript:openNewWi
<area shape="rect" coords="1,0,108,40" href="javascript:openNewWi
</map>
</div>
Here is the code for one of the links:
<div id="Layer2"><img src="image/Download Free Software.gif" width="107" height="39" border="0" usemap="#Map2Map" />
<map name="Map2Map" id="Map2Map2">
<area shape="rect" coords="17,332,125,372" href="javascript:openNewWi
<area shape="rect" coords="1,0,108,40" href="javascript:openNewWi
</map>
</div>
Adobe DreamweaverHTMLJavaScript
Last Comment
Jason C. Levine
ASKER
#Layer1 {
position:absolute;
width:120px;
height:172px;
z-index:1;
left: 16px;
top: 117px;
}
#Layer2 {
position:absolute;
width:106px;
height:38px;
z-index:2;
left: 63px;
top: 422px;
}
position:absolute;
width:120px;
height:172px;
z-index:1;
left: 16px;
top: 117px;
}
#Layer2 {
position:absolute;
width:106px;
height:38px;
z-index:2;
left: 63px;
top: 422px;
}
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Where can I find some good online documentation about this in particular?
Just Google for "CSS relative vs. absolute position" to get links to get you started.
We'll also need to see the CSS code for the layer.