muddpigeon 0 Newbie Poster

ok dokey, i have this web site and on the front page i have alogin box underneath a picture but i want the name enterd to the login box to be displayed above the picture can any one see where im going wrong

<html>
<head>
<title>GRIP IT N RIP IT</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<html>
<head>
<script type="text/javascript">
function fillSelect()
{
var pageNames=new Array("home","deck","deck2","wheelsandbearings","trucks","complete","video","form1");
var pageTitles=new Array("HOME","DECK","DECK2","WHEELS AND BEARINGS","TRUCKS","COMPLETE","CLIPS","REGISTER");
var numPages=pageNames.length;
var j=1;
// get page name
var URLbits=location.href.split("/");
var currPage=URLbits[URLbits.length-1];
var currPageName=currPage.split(".")[0];
for(var i=0;i<numPages;i++)
{
if(currPageName!=pageNames)
{
document.forms[0].menu.options[j]=new
Option(pageTitles,pageNames);
j++;
}
}
}
function goThere(form)
{
location.href=form.menu.options[form.menu.selectedIndex
].value+".html";
}
</script>
</head>

<body bgcolor="#000000" text="white" link="#FFFFFF" vlink="#FFFFFF" alink="#0066FF" onload="fillSelect();">
<div id="Layer1" style="position:absolute; left:123px; top:63px; width:1050px; height:700px; z-index:1; background-color: #DC143C; layer-background-color: #DC143C; border: 1px none #000000;">
<div id="Layer6" style="position:absolute; left:283px; top:47px; width:290px; height:1252px; z-index:7"><font size="1" face="Tahoma,"><strong><font size="2">
</font></strong></font><font face="Tahoma, Courier, Courier New, Lucida Console, Lucida Handwriting, Lucida Sans Typewriter, Lucida Sans Unicode">
<p><font size="2"><strong>
<script type="text/javascript">
document.write(Date())
</script>
<h1> WELCOME </h1>
<br>
So you have yourself a new skateboard?<br><br>
You want to put it together properly?<br><br>
Then you have came to the right place.<br><br>
Skateboarding for dummies gives you a detailed description of how to assemble your new skateboard.<br><br>
There is also a list of the tools and equipment you will need, and a little description of the differant components of the board.<br><br>
After you have finished the tutorial there are some of my favourite skateboarding videos for you to watch,<br>
for all the hard work you have just put in.<br><br>
To navigate through the pages, you can use the drop down menu or the links below.<br><br>
Have fun and dont forget to register your details at the end.
</strong></font></p>
</font>


<p><font size="2"><strong><font face="Tahoma"><br>
<br>
<br>
</font></strong></font> </p>
</div>
</div>

<div id="Layer2" style="position:absolute; left:124px; top:24px; width:189px; height:30px; z-index:2; background-color: #000000; layer-background-color: #00000; border: 1px none #000000;"></div>
<div id="Layer3" style="position:absolute; left:142px; top:28px; width:160px; height:21px; z-index:3"><strong><font color="#FFFFFF" face="Tahoma">skateboarding for dummies&reg; </font></strong></div>
<div id="Layer5" style="position:absolute; left:764px; top:100px; width:74px; height:169px; z-index:4">

<form>
<p>
<select name="menu" onchange="goThere(this.form);">
<option value="" selected> [CHOOSE ONE]</option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
</p>
</form>
</div>
<div id="Layer7"
style="position:absolute; left:623px; top:39px; width:299px; height:16px; z-index:6"><font color="#0066FF" size="3" face="Tahoma">
<strong>
<a href="<A href="http://www.skateboardscotland.com">Skateboard">http://www.skateboardscotland.com">Skateboard Scotland</a></strong></font></div>
<div id="Layer4" style="position:absolute; left:151px; top:90px; width:215px; height:401px; z-index:5">
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<script language="JavaScript" src="cookies.js"
type="text/JavaScript">
</script>
</head>
<body>
<p>Hello <script language="JavaScript"
type="text/JavaScript">
document.write(readCookie("nameCookie"));
</script>
</p>
<img src="images/pj-ladd.jpg" alt="pj ladd" width="209" height="398" border="2"></a>

<script language="JavaScript" src="cookies.js"
type="text/JavaScript">
</script>
</head>
<body>
<p>LOGIN</p>
<form name="form1" method="post" action="">
<p>Name
<input name="yourname" type="text" id="yourname">
</p>
<p>
<input type="button" name="Submit" value="ENTER"
onClick='writeCookie("nameCookie",this.form.yourname.
value, 24)'>
</p>
</form>
<p><a href="readcookie.html"></a></p>
</div>
</body>
</html>