...

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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum