Rather than re-write this page and the css, I'd just like to fix what I'm working with please. This page is not lining up correctly, as you can see from the attached image. The left red column is supposed to extend from the left edge, and be the width of the gray bar above it. And of course the white is extending beyond the right edge of the header image. The header is a separate piece of this page. Can you help me get the left red comun to the correct width and help keep the right side from extennding too far? Thanks. Here's my code: <table width="770" border="0" cellpadding="0" cellspacing="0" id="maintable" align="center"> <link href="custom.css" rel="stylesheet" type="text/css"> <td id="menu" align="left"> <img src="images/bullet.gif" alt="" width="10" height="10"><a href="index.php"><font color="#DDCEA2"><font face="Arial" size="2">Home</a></font><br> <img src="images/bullet.gif" alt="" width="10" height="10"><A href='index.php?command=signup_page'><font color="DDCEA2"><font face="Arial" size="2">Sign Up</font></A> <br /> <img src="images/bullet.gif" alt="" width="10" height="10"><a href="faq.html"><font color="DDCEA2"><font face="Arial" size="2">FAQ</a><br> <img src="images/bullet.gif" alt="" width="10" height="10"><a href="legal.html"><font color="DDCEA2"><font face="Arial" size="2">Terms of Use</a><br><br><br> <td id="maincontent-subpages"> <table valign='top' align="right" cellpadding="0" width="100%" height="100%"> <table style="background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; width:50% height:40%> <tr><td> </td></tr> <tr><td> </td></tr> <form method="POST" action="index.php"> <input class='field' type='hidden' name='command' value='account'> <input class='field' type='hidden' name='param' value='renew'> <input class='field' type='hidden' name='account_id' value='[account_id]'> <tr><td colspan='1' class='pageTitle'><div class='hLine'><font face="Arial" color="#EE7600" size="3"> Choose a Transaction</font></div></td></tr> <tr><td> </td></tr> <tr> <td class='fieldLabel' width="100%"><font face="Arial" color=#000000" size="3" Style="padding: 5px;"> <font face="Arial" color="#000000" size="3"> Transaction Type:</font></td> <!--<td align="left"><font face="Arial" color="#EE7600" size="2">[account_type_panel]</font></td></tr>--> <tr> <tr><td> </td></tr> <tr><td align="left"> </td> <td align="left"><input name="submit" type='submit' class='button' value='Next' /> </td> </tr> </form> <tr height='30%' ><td colspan="1"><div class='hLine'> </div></td></tr> </table>Attachments Pending Approval webpage.jpg (116.3 KB) Code (markup):
Your code is extremely bad. It lacks a lot of required tags, has tags in wrong places, uses deprecated tags, and lacks correct structure. Firstly, add <html><head><title><body> tags to your page. Secondly, you need <tr> tags as a parent to <td> tags. Close all of your tags, there are a lot not closed. Stop using <font> and use CSS. Get rid of the useless colspan='1'. You cannot have <table><table> as that is malformed. <link> is supposed to be in the <head> tag. Your <form> and <input> tags have to be in a <td> and not a <tr>. You cannot put content within <tr> tags. Close your quotes for the tag attributes. Once you fix all that, come back... P.S. You might want to rethink this: "Rather than re-write this page and the css, I'd just like to fix what I'm working with please."