PDA

View Full Version : Layer


satboy
04-02-2008, 11:38 PM
I built a site and incorperated layer for a drop down menu and when i view the page the layer float around the page when i change the window size. How can I lock the layer and make them stay were i put it when i built the page.

edbr
04-03-2008, 05:42 AM
yes but it sounds like a coding problem you have . post code or url

satboy
04-03-2008, 04:18 PM
Here's the code Thank You

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cornwall Speedway</title>
<style type="text/css">
<!--
@import url("../speedway.css");
@import url("../speedway.css");
body {
margin-left: 0px;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 50px;
background-repeat: repeat;
background-color: #B2B4BF;
}
.style31 {font-family: Geneva, Arial, Helvetica, sans-serif;
color: #FF0000;
}
#schedule1 {
position:absolute;
left:69px;
top:239px;
width:150px;
height:131px;
z-index:1;
visibility: hidden;
right: 219px;
bottom: 400px;
}
#points1 {
position:absolute;
left:196px;
top:276px;
width:148px;
height:175px;
z-index:2;
visibility: hidden;
overflow: visible;
}
#results1 {
position:absolute;
left:318px;
top:306px;
width:146px;
height:171px;
z-index:3;
visibility: hidden;
}
#drivers1 {
position:absolute;
left:424px;
top:306px;
width:143px;
height:106px;
z-index:4;
visibility: hidden;
}
#gallery1 {
position:absolute;
left:524px;
top:262px;
width:158px;
height:128px;
z-index:5;
visibility: hidden;
}
-->
</style>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<link href="../speedway.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
<!--
.style33 {font-size: 22px}
-->
</style>
</head>
<body onload="MM_preloadImages('images/scheduleR.gif','images/resultsR.gif','images/driversR.gif','images/galleryR.gif','images/mediaR.jpeg','images/kidsR.gif','images/trackinfoR.gif','images/pointsR.gif','images/images/home butt roll.gif','images/images/kart butt roll.gif','images/images/speedway butt roll.gif','images/images/moh rac butt roll.gif','images/images/can dirt butt roll.gif','images/images/mod butt roll.gif','images/images/pro butt roll.gif','images/images/semi butt roll.gif','images/images/rookie butt roll.gif')">
<div id="schedule1" dir="" onmouseover="MM_showHideLayers('schedule1','','show')" onmouseout="MM_showHideLayers('schedule1','','hide')"><br />
<div style="position: relative;"> </div>
<table width="158" border="2" cellpadding="2" cellspacing="2">
<tr>
<td width="144" bgcolor="#000000"><center>
<a href="karting/karting_schedule.html"><img src="images/images/kart butt.gif" name="Image9" width="95" height="16" border="0" id="Image9" onmouseover="MM_swapImage('Image9','','images/images/kart butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center> </td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="track_schedule.html"><img src="images/images/speedway butt .gif" name="Image10" width="95" height="16" border="0" id="Image10" onmouseover="MM_swapImage('Image10','','images/images/speedway butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center> </td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="canadian dirt series/canadian_schedule.html"><img src="images/images/can dirt butt.gif" name="Image12" width="120" height="28" border="0" id="Image12" onmouseover="MM_swapImage('Image12','','images/images/can dirt butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center> </td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="mohawk racing parts/mohawk_schedule.html"><img src="images/images/moh rac butt.gif" name="Image11" width="120" height="28" border="0" id="Image11" onmouseover="MM_swapImage('Image11','','images/images/moh rac butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center> </td>
</tr>
</table>
</div>
<div id="points1" onmouseover="MM_showHideLayers('points1','','show')" onmouseout="MM_showHideLayers('points1','','hide')">
<table width="142" border="2" cellspacing="2" cellpadding="2">
<tr>
<td width="128" bgcolor="#000000"><center>
<a href="nightly results/mod_points.html"><img src="images/images/mod butt.gif" name="Image13" width="95" height="16" border="0" id="Image13" onmouseover="MM_swapImage('Image13','','images/images/mod butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center> </td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="nightly results/pro_points.html"><img src="images/images/pro butt .gif" name="Image14" width="95" height="16" border="0" id="Image14" onmouseover="MM_swapImage('Image14','','images/images/pro butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center> </td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="nightly results/semi_points.html"><img src="images/images/semi butt.gif" name="Image15" width="95" height="16" border="0" id="Image15" onmouseover="MM_swapImage('Image15','','images/images/semi butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center> </td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="nightly results/rookie_points.html"><img src="images/images/rookie butt.gif" name="Image16" width="95" height="16" border="0" id="Image16" onmouseover="MM_swapImage('Image16','','images/images/rookie butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center> </td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<img src="images/images/kart butt.gif" name="Image17" width="95" height="16" id="Image17" onmouseover="MM_swapImage('Image17','','images/images/kart butt roll.gif',1)" onmouseout="MM_swapImgRestore()" />
</center> </td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="canadian dirt series/canadian_points.html"><img src="images/images/can dirt butt.gif" name="Image18" width="120" height="28" border="0" id="Image18" onmouseover="MM_swapImage('Image18','','images/images/can dirt butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center> </td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="mohawk racing parts/mohawk_points.html"><img src="images/images/moh rac butt.gif" name="Image19" width="120" height="28" border="0" id="Image19" onmouseover="MM_swapImage('Image19','','images/images/moh rac butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center> </td>
</tr>
</table>
</div>
<div id="results1" onmouseover="MM_showHideLayers('results1','','show')" onmouseout="MM_showHideLayers('results1','','hide')">
<table width="142" border="2" cellpadding="2" cellspacing="2">
<tr>
<td width="128" bgcolor="#000000"><center>
<a href="nightly results/mod_results.html"><img src="images/images/mod butt.gif" name="Image131" width="95" height="16" border="0" id="Image131" onmouseover="MM_swapImage('Image131','','images/images/mod butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="nightly results/pro_results.html"><img src="images/images/pro butt .gif" name="Image141" width="95" height="16" border="0" id="Image141" onmouseover="MM_swapImage('Image141','','images/images/pro butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="nightly results/semi_results.html"><img src="images/images/semi butt.gif" name="Image151" width="95" height="16" border="0" id="Image151" onmouseover="MM_swapImage('Image151','','images/images/semi butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="nightly results/rookie_results.html"><img src="images/images/rookie butt.gif" name="Image161" width="95" height="16" border="0" id="Image161" onmouseover="MM_swapImage('Image161','','images/images/rookie butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<img src="images/images/kart butt.gif" name="Image171" width="95" height="16" id="Image171" onmouseover="MM_swapImage('Image171','','images/images/kart butt roll.gif',1)" onmouseout="MM_swapImgRestore()" />
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="canadian dirt series/canadian_results.html"><img src="images/images/can dirt butt.gif" name="Image181" width="120" height="28" border="0" id="Image181" onmouseover="MM_swapImage('Image181','','images/images/can dirt butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<a href="mohawk racing parts/mohawk_results.html"><img src="images/images/moh rac butt.gif" name="Image191" width="120" height="28" border="0" id="Image191" onmouseover="MM_swapImage('Image191','','images/images/moh rac butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
</center></td>
</tr>
</table>
</div>
<div id="drivers1" onmouseover="MM_showHideLayers('drivers1','','show')" onmouseout="MM_showHideLayers('drivers1','','hide')">
<table width="115" border="2" cellpadding="2" cellspacing="2">
<tr>
<td width="95" bgcolor="#000000"><center>
<img src="images/images/mod butt.gif" width="95" height="16" id="Image132" onmouseover="MM_swapImage('Image132','','images/images/mod butt roll.gif',1)" onmouseout="MM_swapImgRestore()" />
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<img src="images/images/pro butt .gif" width="95" height="16" id="Image142" onmouseover="MM_swapImage('Image142','','images/images/pro butt roll.gif',1)" onmouseout="MM_swapImgRestore()" />
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<img src="images/images/semi butt.gif" width="95" height="16" id="Image152" onmouseover="MM_swapImage('Image152','','images/images/semi butt roll.gif',1)" onmouseout="MM_swapImgRestore()" />
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<img src="images/images/rookie butt.gif" width="95" height="16" id="Image162" onmouseover="MM_swapImage('Image162','','images/images/rookie butt roll.gif',1)" onmouseout="MM_swapImgRestore()" />
</center></td>
</tr>
</table>
</div>
<div id="gallery1" onmouseover="MM_showHideLayers('gallery1','','show')" onmouseout="MM_showHideLayers('gallery1','','hide')">
<table width="158" border="2" cellpadding="2" cellspacing="2">
<tr>
<td width="144" bgcolor="#000000"><center>
<img src="images/images/kart butt.gif" width="95" height="16" id="Image91" onmouseover="MM_swapImage('Image91','','images/images/kart butt roll.gif',1)" onmouseout="MM_swapImgRestore()" />
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<img src="images/images/speedway butt .gif" width="95" height="16" id="Image101" onmouseover="MM_swapImage('Image101','','images/images/speedway butt roll.gif',1)" onmouseout="MM_swapImgRestore()" />
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<img src="images/images/can dirt butt.gif" width="120" height="28" id="Image121" onmouseover="MM_swapImage('Image121','','images/images/can dirt butt roll.gif',1)" onmouseout="MM_swapImgRestore()" />
</center></td>
</tr>
<tr>
<td bgcolor="#000000"><center>
<img src="images/images/moh rac butt.gif" width="120" height="28" id="Image111" onmouseover="MM_swapImage('Image111','','images/images/moh rac butt roll.gif',1)" onmouseout="MM_swapImgRestore()" />
</center></td>
</tr>
</table>
</div>
<center>
<table width="392" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="92"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','930','heigh t','187','src','images/flash/champ banner','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','images/flash/champ banner' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="930" height="187">
<param name="movie" value="images/flash/champ banner.swf" />
<param name="quality" value="high" />
</embed>
</object></noscript></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFF00"><center>
<span class="style31"><strong><a href="index_new.html"><img src="images/images/home butt.gif" name="homebutt1" width="95" height="16" border="1" align="absmiddle" id="homebutt1" onmouseover="MM_swapImage('homebutt1','','images/images/home butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Opening
Night May 18th</strong> <strong>Twin 25's for Modifieds </strong> <strong>Plus
Full Racing Program&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="index_new.html"><img src="images/images/home butt.gif" name="Image2" width="95" height="16" border="1" align="absmiddle" id="Image2" onmouseover="MM_swapImage('Image2','','images/images/home butt roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a></strong></span>
</center>
</td>
</tr>
<tr bgcolor="#000000">
<td height="29"><table width="931" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="122" height="33" align="center"><img src="images/schedule.gif" name="schedulebutt" width="109" height="29" id="Image1" onmouseover="MM_swapImage('Image1','','images/scheduleR.gif',1);MM_showHideLayers('schedule1','' ,'show')" onmouseout="MM_swapImgRestore();MM_showHideLayers('schedule1', '','hide')" /></td>
<td width="113" align="center"><center>
<img src="images/points.gif" name="pointsbuttt" width="101" height="29" id="pointsbuttt" onmouseover="MM_swapImage('pointsbuttt','','images/pointsR.gif',1);MM_showHideLayers('points1','','sh ow')" onmouseout="MM_swapImgRestore();MM_showHideLayers('points1','' ,'hide')" />
</center></td>
<td width="113" align="center"><img src="images/result.gif" name="resultbutt" width="101" height="29" id="Image3" onmouseover="MM_swapImage('Image3','','images/resultsR.gif',1);MM_showHideLayers('results1','',' show')" onmouseout="MM_swapImgRestore();MM_showHideLayers('results1',' ','hide')" /></td>
<td width="113" align="center"><img src="images/drivers.gif" name="driverbutt" width="101" height="29" id="Image4" onmouseover="MM_swapImage('Image4','','images/driversR.gif',1);MM_showHideLayers('drivers1','',' show')" onmouseout="MM_swapImgRestore();MM_showHideLayers('drivers1',' ','hide')" /></td>
<td width="113" align="center"><img src="images/gallery.gif" name="gallerybutt" width="101" height="29" id="Image5" onmouseover="MM_swapImage('Image5','','images/galleryR.gif',1);MM_showHideLayers('gallery1','',' show')" onmouseout="MM_showHideLayers('gallery1','','hide');MM_swapImg Restore()" /></td>
<td width="113" align="center"><img src="images/media.gif" name="mediabutt" width="101" height="29" id="Image6" onmouseover="MM_swapImage('Image6','','images/mediaR.jpeg',1)" onmouseout="MM_swapImgRestore()" /></td>
<td width="117" align="center"><img src="images/kidsclub.gif" name="kidsclubbutt" width="101" height="29" id="Image7" onmouseover="MM_swapImage('Image7','','images/kidsR.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
<td width="127" align="center"><img src="images/trackinfo.jpg" name="trackinfobutt" width="112" height="29" id="Image8" onmouseover="MM_swapImage('Image8','','images/trackinfoR.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="238"><table width="930" border="3" cellpadding="0" cellspacing="0" >
<tr>
<td width="200" align="center" valign="top" bgcolor="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
<br />
<span class="style30 style24 style33">2007 Track Champions</span><span class="style27"><br />
<br />
<br />
<img src="nightly results/pro top 5 back.gif" width="187" height="143" /><br />
<br />
<img src="nightly results/semi top 5 back.gif" width="187" height="143" /><br />
<br />
<img src="nightly results/rookie top 5 back.gif" width="187" height="143" /><br />
<br />
<img src="nightly results/rookie top 5 back.gif" width="187" height="143" /><br />
</span><br /></td>
<td width="518" align="center" valign="top" bgcolor="#000000"><br />
<img src="images/The Boys .jpg" width="520" height="421" /><br />
<br />
<br />

domedia
04-03-2008, 04:39 PM
Welcome to the forums satboy, please show us what the problem is so we can help you :)

satboy
04-03-2008, 05:03 PM
In Dreamweaver my layer are under my button but when i view the page in explorer the layer move around the page.If you resizes your window you can see what I mean try the schedule button.


http://www.cornwallspeedway.com/New%20Web%20Site/Public/index_new.html

Death Dream
04-03-2008, 06:36 PM
I got a 404 on your link there...

~Death Dream~

satboy
04-03-2008, 08:09 PM
Here It is again

http://www.cornwallspeedway.com/New%20Web%20Site/Public/index_new.html

satboy
04-07-2008, 02:45 PM
Anyone have any ideas on what im doing wrong???