PDA

View Full Version : Tables/CSS alignment



Fashong
02-02-2005, 01:34 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<link rel="icon" href="http://fashong.uni.cc/images2/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://fashong.uni.cc/images2/favicon.ico" type="image/x-icon">


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style2.css" rel="stylesheet" type="text/css">
<title></title>
</head>
<body>
<table align="center" width=706 border=0 cellspacing="0" cellpadding="0">
<tr><td align="center"><img src="images2/banner.gif" width="706"></td></tr>
<tr><td align="center" style="height:7px;"><img src="images2/hline.gif"></td></tr></table>

<div style="width:706px; margin:auto;">
<table width=150 border="1" cellpadding="0" align="left" cellspacing="0" style="border-color:#000000; border-collapse: collapse;">
<tr>
<td width="149" height="14" style="background-image:url(images2/navi.gif);" ><div align="center" style="font-size:10px;color:#FFFFFF;">Main Navigation</div></td>
</tr>



<td width="542" height="17" style="background-image:url(images2/content.jpg);">
<div align="center"><font color="FFFFFF" size="1">Content</font></div></td>


<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images2/nava.gif" width="6" height="5">&nbsp;<a href="#">Main
</a></font></td>
</tr>

<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images2/nava.gif" width="6" height="5">&nbsp;<a href="#">Downloads
</a></font></td>
</tr>

<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images2/nava.gif" width="6" height="5">&nbsp;<a href="#">Links
</a></font></td>
</tr>


<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images2/nava.gif" width="6" height="5">&nbsp;<a href="#">Gallery
</a></font></td>
</tr>


<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images2/nava.gif" width="6" height="5">&nbsp;<a href="#">Poll
</a></font></td>

</tr></table></div>


<div style="margin:auto; width:706px; clear:both;">
<br>
<table class="login" width=150 border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tr>
<td width="149" height="14" style="background-image:url(images2/navi.gif);" ><div align="center"><font color="#FFFFFF" size="1">Member Login</font></div></td>
</tr>
<tr>
<td align="center">
<form method="POST" action="index2.php">
<font color=red size="1"><b>Username:</b></font><br>
<input type="text" name="email" size="10" maxlength="14"><br>
<font color=red size="1"><b>Password:</b></font><br>
<input type="password" name="password" size="10" maxlength="14"><br>
<input type="submit" name="action" value="Login"></form></td>
</tr>
<tr>
<td align="center" style="font-size:10px; color:#666666;">
[-Signup-]<br>
[-Forgot Password-]
</td>
</tr>
</table></div>



</body>
</html>

_Aerospace_Eng_
02-02-2005, 01:46 AM
here ya go

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<link rel="icon" href="http://fashong.uni.cc/images2/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://fashong.uni.cc/images2/favicon.ico" type="image/x-icon">


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style2.css" rel="stylesheet" type="text/css">
<title></title>
</head>
<body>
<table align="center" width=706 border=0 cellspacing="0" cellpadding="0">
<tr><td align="center"><img src="images2/banner.gif" width="706"></td></tr>
<tr><td align="center" style="height:7px;"><img src="images2/hline.gif"></td></tr></table>

<div style="width:706px; margin:auto;">
<table width=150 border="1" cellpadding="0" align="left" cellspacing="0" style="border-color:#000000; border-collapse: collapse;">
<tr>
<td width="149" height="14" style="background-image:url(images2/navi.gif);" ><div align="center" style="font-size:10px;color:#FFFFFF;">Main Navigation</div></td>
</tr>


<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images2/nava.gif" width="6" height="5">&nbsp;<a href="#">Main
</a></font></td>
</tr>

<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images2/nava.gif" width="6" height="5">&nbsp;<a href="#">Downloads
</a></font></td>
</tr>

<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images2/nava.gif" width="6" height="5">&nbsp;<a href="#">Links
</a></font></td>
</tr>


<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images2/nava.gif" width="6" height="5">&nbsp;<a href="#">Gallery
</a></font></td>
</tr>


<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images2/nava.gif" width="6" height="5">&nbsp;<a href="#">Poll
</a></font></td>

</tr></table>
<div style="float:left;border:1px solid #000000;background-image:url(images2/content.jpg);width:542px;height:17px;"><div align="center"><font color="FFFFFF" size="1">Content</font></div></div>
</div>
<div style="margin:auto; width:706px; clear:both;">
<br>
<table class="login" width=150 border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tr>
<td width="149" height="14" style="background-image:url(images2/navi.gif);" ><div align="center"><font color="#FFFFFF" size="1">Member Login</font></div></td>
</tr>
<tr>
<td align="center">
<form method="POST" action="index2.php">
<font color=red size="1"><b>Username:</b></font><br>
<input type="text" name="email" size="10" maxlength="14"><br>
<font color=red size="1"><b>Password:</b></font><br>
<input type="password" name="password" size="10" maxlength="14"><br>
<input type="submit" name="action" value="Login"></form></td>
</tr>
<tr>
<td align="center" style="font-size:10px; color:#666666;">
[-Signup-]<br>
[-Forgot Password-]
</td>
</tr>
</table></div>



</body>
</html>

Jalenack
02-02-2005, 02:29 AM
umm...

fashong, this is the 3rd post in a week with very similar titles "Tables/CSS" and easy solutions. We are not your coding monkeys, try trying harder on your css on your own instead of posting here every time one thing goes wrong. Sorry.