Hi, i have enclosed some source code, it is a basic html design but i am having major problems putting in the form for the username and password bit, i have taken the form out for the moment, unfortunatly due to the rest of my site the sizes have to stay the same. <br />
<br />
could some1 please take a look put it into txt and save as .html to view how it should look, coz the form makes it change HORRIBLE :S lol<br />
<br />
so please take a look and let me know wat u think.<br />
<br />
<br />
<html><br />
<head><br />
<title>User Login Test</title><br />
<link href=http://www.webdeveloper.com/forum/archive/index.php/"http://apc-compunet.co.uk/css/index.css" rel="stylesheet" type="text/css"><br />
</head><br />
<br />
<body><br />
<h1>Login Form</h1><br />
<table width="374" height="100%" border="0" cellspacing="0" cellpadding="0"><br />
<tr><br />
<td height="24"><table width="100%" height="24" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td width="72" height="24"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://apc-compunet.co.uk/images/home/username_password/username.JPG" width="72" height="24"></td><br />
<td width="86" height="24" align="center" valign="bottom" background="http://apc-compunet.co.uk/images/home/username_password/text_box.JPG"><br />
<div align="center"><br />
<input name="username" type="text" class="login" size="10" maxlength="20" height="18"><br><br />
</div></td><br />
<td width="70" height="24"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://apc-compunet.co.uk/images/home/username_password/password.JPG" width="70" height="24"></td><br />
<td width="86" height="24" align="center" valign="bottom" background="http://apc-compunet.co.uk/images/home/username_password/text_box.JPG"><br />
<input name="password" type="password" class="login" size="10" maxlength="20" height="18"><br />
</td><br />
<td width="60" height="24" id="login"><br />
<input name="image" type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"http://apc-compunet.co.uk/images/home/username_password/login.JPG" alt="Log into your account" height="24"></td><br />
</tr><br />
</table></td><br />
</tr><br />
<tr><br />
<td height="102"> </td><br />
</tr><br />
</table><br />
</body><br />
</html><br />
<br />
<br />
<br />
Many Thanks Adam<!--content-->can you be more specific as to what is going wrong? Just saying that it looks horrible doesn't tell us much.
<br />
<br />
I added the < form > & < /form > tags and nothing changed, so i am not sure what you are talking about.<!--content-->I had the same results when adding the required FORM tags.<br />
<br />
For one, you have a closing TABLE tag in there where it should not be, and two, I can just about guarantee that whatever problems you are having stem from your incorrect use of the TABLE element.<!--content-->his tables are fine. he has 1 outer table and 1 nested table. they are closed properly...<!--content-->Oh, my bad, I completely missed that.
<!--content-->
<br />
could some1 please take a look put it into txt and save as .html to view how it should look, coz the form makes it change HORRIBLE :S lol<br />
<br />
so please take a look and let me know wat u think.<br />
<br />
<br />
<html><br />
<head><br />
<title>User Login Test</title><br />
<link href=http://www.webdeveloper.com/forum/archive/index.php/"http://apc-compunet.co.uk/css/index.css" rel="stylesheet" type="text/css"><br />
</head><br />
<br />
<body><br />
<h1>Login Form</h1><br />
<table width="374" height="100%" border="0" cellspacing="0" cellpadding="0"><br />
<tr><br />
<td height="24"><table width="100%" height="24" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td width="72" height="24"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://apc-compunet.co.uk/images/home/username_password/username.JPG" width="72" height="24"></td><br />
<td width="86" height="24" align="center" valign="bottom" background="http://apc-compunet.co.uk/images/home/username_password/text_box.JPG"><br />
<div align="center"><br />
<input name="username" type="text" class="login" size="10" maxlength="20" height="18"><br><br />
</div></td><br />
<td width="70" height="24"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://apc-compunet.co.uk/images/home/username_password/password.JPG" width="70" height="24"></td><br />
<td width="86" height="24" align="center" valign="bottom" background="http://apc-compunet.co.uk/images/home/username_password/text_box.JPG"><br />
<input name="password" type="password" class="login" size="10" maxlength="20" height="18"><br />
</td><br />
<td width="60" height="24" id="login"><br />
<input name="image" type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"http://apc-compunet.co.uk/images/home/username_password/login.JPG" alt="Log into your account" height="24"></td><br />
</tr><br />
</table></td><br />
</tr><br />
<tr><br />
<td height="102"> </td><br />
</tr><br />
</table><br />
</body><br />
</html><br />
<br />
<br />
<br />
Many Thanks Adam<!--content-->can you be more specific as to what is going wrong? Just saying that it looks horrible doesn't tell us much.
<br /><br />
I added the < form > & < /form > tags and nothing changed, so i am not sure what you are talking about.<!--content-->I had the same results when adding the required FORM tags.<br />
<br />
For one, you have a closing TABLE tag in there where it should not be, and two, I can just about guarantee that whatever problems you are having stem from your incorrect use of the TABLE element.<!--content-->his tables are fine. he has 1 outer table and 1 nested table. they are closed properly...<!--content-->Oh, my bad, I completely missed that.
<!--content-->