I have an asp script and an html page. The asp page has the funtionality and the html page has the look i like. I've tried to copy some of the html to the asp page, but I'm obviously not sure what goes where. I'd like to change the header asp file by adding the top part of the html page look, to it.
As you will see the asp file is a header file. There is also a seperate footer file, so maybe someone can tell me what part to put in the this header (asp)file and what part of the rest of the html file should go into the footer file?
Any direction/help would be appreciated.
HTML Page
[code]
<!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns
="urn:schemas-microsoft-com
ffice
ffice">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>
<style type="text/css">
body {background-color: #ebebeb;}
#container {
width: 830px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#left_column {
border: 1px solid #999999;
float: left;
width: 230px;
margin-top: 5px;
margin-right: 10px;
margin-left: 20px;
margin-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
}
#header_table {
width: 100%;
border-collapse: collapse;
}
.header_top_tdl {
padding: 0px;
margin: 0px;
border-bottom-style: solid;
border-bottom-width: 10px;
border-bottom-color: #b7b7b7;
background-color: #800000;
width: 150px;
border-collapse: collapse;
border-right-width: 0px;
border-left-width: 0px;
}
.header_top_tdr {
border-bottom-style: solid;
border-bottom-width: 10px;
border-bottom-color: #b7b7b7;
background-color: #800000;
border-right-width: 0px;
border-left-width: 0px;
}
#right_column {
float: right;
width: 500px;
padding-right: 15px;
}
#footer {
margin: 20px;
padding: 3px;
clear: both;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #800000;
font-size: 14px;
}
.white_text {
background-color: #800000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.form_row {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.link_p {
margin-left: 20px;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.link_p img {
vertical-align: middle;
margin-right: 25px;
}
.link_p a {
text-decoration: none;
color: #000000;
}
.link_p a:hover {
color: #009933;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<table id="header_table">
<tr>
<td class="header_top_tdl"> </td>
<td class="header_top_tdr"> </td>
</tr>
<tr>
<td colspan="2"><div align="center"><img src="http://www.webmaster-talk.com/images/img1.jpg" height="134" width="461">
<img src="http://www.webmaster-talk.com/images/topimg.jpg" height="160" width="309"></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="content">
<div id="left_column">
<table >
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td class="white_text"colspan="2">
<font face="Trebuchet" color="#ffffff" size="2">Login Here</font></td>
<td> </td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<form action="/sm/default.asp?action=login" method="post"
name="login" language="JAVASCRIPT" onsubmit="return Validate();">
<input name="todo" value="login" type="hidden"/><input name="url"
value="/sm/default.asp" type="hidden"/>
<tr class="form_row">
<td>Email Address</td>
<td> <input class="fieldbox" size="20" maxlength="50" name="members_username" type="text"/></td>
</tr>
<tr class="form_row">
<td>Password</td>
<td> <input class="fieldbox" size="20" maxlength="50" name="members_password" type="password"/></td>
</tr>
<tr class="form_row">
<td> </td>
<td> &nbs p; &n bsp;
<input class="fieldbox" value="Login" id="submit2" name="submit2" type="submit"/></td>
</tr>
</form>
<tr>
<td colspan="2" >
<p class="link_p"> </p>
<p class="link_p">
<img alt="Image" src="http://www.webmaster-talk.com/images/linkimg1.gif" width="30" height="25"/>
<a href="
