I have a Web Page with a Form on it. How/where can I add a left hand column that will run all the way down the left side? Here is the page code, and I've attached an image of what it looks like now. Thanks. <?php global $account; ?> <link href="../style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <link href="../style.css" rel="stylesheet" type="text/css" /><style type="text/css"></style> <table> <table cellpadding="0" width="770" height="100%" cellspacing="0" bgcolor="#FFFFFF" style="border-right: solid 1px #6b6b6b"> <form method="POST" action="index.php"> <td width="140" rowspan="21" id="menu"> </td> <td> </td> <input class='field' type='hidden' name='command' value='account'> <input class='field' type='hidden' name='param' value='signup'> <tr> <td class='pageTitle'><span class="hLine"> <font face="Arial" color=#A30100" size="3" Style="padding-left: 50px;"> <b>Create New Account</b></span></td> <td class='pageTitle'> </td> </tr> <tr> <td class='fieldLabel' width="30%"> <font face="Arial" color=#000000" size="2" Style="padding-left:50px;"> Membership Type</td> <td align="right">[account_type_panel]</td></tr> <tr> <tr> <td class='fieldLabel' width="30%"> <font face="Arial" color=#000000" size="2" Style="padding-left:50px;"> Email Address</td> <td><input class='field' type='text' size='35' maxlength="30" name='user_name' value='<?=$account->user_name ?>'> <span class='requiredField'>* </span><br> <span class='errorMessage'><?=$account->get_error('user_name') ?></span></td> </tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;"> Re-Confirm Email Address</td> <td><input class='field' type='text' size='35' maxlength="50" name='email' value='<?=$account->email ?>'> <span class='requiredField'> * </span><span class='errorMessage'><?=$account->get_error('email') ?></span></td> </tr> <tr> <td> </td></tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;"> Password</td> <td><input class='field' type='password' size='35' maxlength="30" name='password' value='<?=$account->password ?>'> <span class='requiredField'> * </span><span class='errorMessage'><?=$account->get_error('password') ?></span></td> </tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;"> Re-Enter Password</td> <td><input class='field' type='password' size='35' maxlength="30" name='reenter_password' value='<?=$account->reenter_password ?>'> <span class='requiredField'> * </span><span class='errorMessage'><?=$account->get_error('reenter_password') ?></span></td> </tr> <tr> <td> </td></tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;">First Name </td> <td ><input class='field' type='text' size='35' maxlength="50" name='first_name' value='<?=$account->first_name ?>'> <span class='requiredField'> * </span><span class='errorMessage'><?=$account->get_error('first_name') ?></span></td> </tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;"> Last Name</td> <td><input class='field' type='text' size='35' maxlength="50" name='last_name' value='<?=$account->last_name ?>'> <span class='requiredField'> * </span><span class='errorMessage'><?=$account->get_error('last_name') ?></span></td> </tr> <tr> <td> </td></tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;"> Address</td> <td><input class='field' type='text' size='35' maxlength="70" name='address' value='<?=$account->address ?>'> <span class='requiredField'> * </span><span class='errorMessage'><?=$account->get_error('address') ?></span></td> </tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;"> Address 2</td> <td><input class='field' type='text' size='35' maxlength="70" name='address_second' value='<?=$account->address_second ?>'></td> </tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;"> City</td> <td><input class='field' type='text' size='35' maxlength="50" name='city' value='<?=$account->city ?>'> <span class='requiredField'> * </span><span class='errorMessage'><?=$account->get_error('city') ?></span></td> </tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;"> State/Province</td> <td><input class='field' type='text' size='35' maxlength="35" name='phone' value='<?=$account->phone ?>'><span class='requiredField'> * </span></td> </tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;"> Zip/Postal Code</td> <td><input class='field' type='text' size='35' maxlength="35" name='zip_postal_code' value='<?=$account->zip_code ?>'> <span class='requiredField'> * </span><span class='errorMessage'><?=$account->get_error('zip_code') ?></span></td> </tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;"> Country</td> <td><input class='field' type='text' size='35' maxlength="35" name='mobile_phone_number' value='<?=$account->mobile_phone_number ?>'> <span class='requiredField'> * </span></td> </tr> <td> </td></tr> <tr> <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 50px;"> I Have Read and Agree With The <A href='legal.php'><font color=#000000" size="2";"><u>Terms & Conditions</u></a></td><td><input type="checkbox" name="terms" value="true"><span class='requiredField'> * </span></td> </tr> <tr> <td> </td></tr> <tr> <td> </td></tr> <tr><td class='hLine' align="right"> </td> <td class='hLine' align="right"> <span class='requiredField'> * </span><font color="red"> Required Field</font></span></td> </tr> <tr><td align="right"> </td> <td align="right"><input name="submit" type='submit' class='button' value='create' /></td> </tr> <tr><td> </td> <td> </td> </td> </form> </table> Code (markup):
Hi Chris, If I were you, I would get the code to look similar to this, lots of errors fixed, missed tags added, removed unnecessary tag elements, reorganized the code, and brought it closer to compliance. Oh and added the left column <link href="../style.css" rel="stylesheet" type="text/css" /> <form method="POST" action="index.php"> <input class="field" type="hidden" name="command" value="account" /> <input class="field" type="hidden" name="param" value="signup" /> <table cellpadding="0" width="770" cellspacing="0" bgcolor="#FFFFFF" style="border-right: solid 1px #6b6b6b"> <tr> <td rowspan="25" valign="top" width="140">Your Left Column</td> <td class="pageTitle"><span class="hLine"><font face="Arial" color="#A30100" size="3" Style="padding-left: 50px;"> <b>Create New Account</b></font></span></td> <td class="pageTitle"> </td> </tr> <tr> <td class="fieldLabel" width="30%"><font face="Arial" color="#000000" size="2" Style="padding-left:50px;"> Membership Type</font></td> <td align="right">[account_type_panel]</td> </tr> <tr> <td class="fieldLabel" width="30%"><font face="Arial" color="#000000" size="2" Style="padding-left:50px;"> Email Address</font></td> <td><input class="field" type="text" size="35" maxlength="30" name="user_name" value="<?php echo $account->user_name ?>" /> <span class="requiredField">* </span><br> <span class="errorMessage"><?php echo $account->get_error("user_name") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Re-Confirm Email Address</font></td> <td><input class="field" type="text" size="35" maxlength="50" name="email" value="<?php echo $account->email ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("email") ?></span></td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Password</font></td> <td><input class="field" type="password" size="35" maxlength="30" name="password" value="<?php echo $account->password ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("password") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Re-Enter Password</font></td> <td><input class="field" type="password" size="35" maxlength="30" name="reenter_password" value="<?php echo $account->reenter_password ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("reenter_password") ?></span></td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;">First Name</font></td> <td><input class="field" type="text" size="35" maxlength="50" name="first_name" value="<?php echo $account->first_name ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("first_name") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Last Name</font></td> <td><input class="field" type="text" size="35" maxlength="50" name="last_name" value="<?php echo $account->last_name ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("last_name") ?></span></td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Address</font></td> <td><input class="field" type="text" size="35" maxlength="70" name="address" value="<?php echo $account->address ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("address") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Address 2</font></td> <td><input class="field" type="text" size="35" maxlength="70" name="address_second" value="<?php echo $account->address_second ?>" /></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> City</font></td> <td><input class="field" type="text" size="35" maxlength="50" name="city" value="<?php echo $account->city ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("city") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> State/Province</font></td> <td><input class="field" type="text" size="35" maxlength="35" name="phone" value="<?php echo $account->phone ?>" /><span class="requiredField"> * </span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Zip/Postal Code</font></td> <td><input class="field" type="text" size="35" maxlength="35" name="zip_postal_code" value="<?php echo $account->zip_code ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("zip_code") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Country</font></td> <td><input class="field" type="text" size="35" maxlength="35" name="mobile_phone_number" value="<?php echo $account->mobile_phone_number ?>" /> <span class="requiredField"> * </span></td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> I Have Read and Agree With The</font> <A href="legal.php"><font color="#000000" size="2"><u>Terms & Conditions</u></font></a></td> <td><input type="checkbox" name="terms" value="true"><span class="requiredField"> * </span></td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td class="hLine" align="right"> </td> <td class="hLine" align="right"> <span class="requiredField"> * </span><font color="red"> Required Field</font></td> </tr> <tr> <td align="right"> </td> <td align="right"><input name="submit" type="submit" class="button" value="create" /></td> </tr> <tr> <td colspan="2"> </td> </tr> </table> </form> Code (markup):
Thanks alot. I greatly appreciate it. It didn't work at first when I copied over your code until I added: <?php global $account; ?> Code (markup): to the top and </table> to the bottom. But now it looks great. I added some color to the left column, but I can't understand why the left column doesn't go all the way up to the bottom of the header. There's a white gap. I've attched an iamge and the code, if you could help me with that. Thank again. <?php global $account; ?> <link href="../style.css" rel="stylesheet" type="text/css" /> <form method="POST" action="index.php"> <input class="field" type="hidden" name="command" value="account" /> <input class="field" type="hidden" name="param" value="signup" /> <table cellpadding="0" width="770" cellspacing="0" bgcolor="#FFFFFF" style="border-right: solid 1px #6b6b6b"> <td rowspan="25" valign="top" width="140" bgcolor="#A30100"><font color="black"><font face="Arial"> __________________</font> <font color="black"><font face="Arial"> __________________</font> <br><br> <a href="index.php"> <font face="Arial" color="#000000" size="3"> Home</font></a><br><br /> <A href='index.php?command=signup_page'></td> <td class="pageTitle"><span class="hLine"><font face="Arial" color="#A30100" size="3" Style="padding-left: 50px;"> <b>Create New Account</b></font></span></td> <td class="pageTitle"> </td> </tr> <tr> <td class="fieldLabel" width="30%"><font face="Arial" color="#000000" size="2" Style="padding-left:50px;"> Membership Type</font></td> <td align="right">[account_type_panel]</td> </tr> <tr> <td class="fieldLabel" width="30%"><font face="Arial" color="#000000" size="2" Style="padding-left:50px;"> Email Address</font></td> <td><input class="field" type="text" size="35" maxlength="30" name="user_name" value="<?php echo $account->user_name ?>" /> <span class="requiredField">* </span><br> <span class="errorMessage"><?php echo $account->get_error("user_name") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Re-Confirm Email Address</font></td> <td><input class="field" type="text" size="35" maxlength="50" name="email" value="<?php echo $account->email ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("email") ?></span></td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Password</font></td> <td><input class="field" type="password" size="35" maxlength="30" name="password" value="<?php echo $account->password ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("password") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Re-Enter Password</font></td> <td><input class="field" type="password" size="35" maxlength="30" name="reenter_password" value="<?php echo $account->reenter_password ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("reenter_password") ?></span></td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;">First Name</font></td> <td><input class="field" type="text" size="35" maxlength="50" name="first_name" value="<?php echo $account->first_name ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("first_name") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Last Name</font></td> <td><input class="field" type="text" size="35" maxlength="50" name="last_name" value="<?php echo $account->last_name ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("last_name") ?></span></td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Address</font></td> <td><input class="field" type="text" size="35" maxlength="70" name="address" value="<?php echo $account->address ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("address") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Address 2</font></td> <td><input class="field" type="text" size="35" maxlength="70" name="address_second" value="<?php echo $account->address_second ?>" /></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> City</font></td> <td><input class="field" type="text" size="35" maxlength="50" name="city" value="<?php echo $account->city ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("city") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> State/Province</font></td> <td><input class="field" type="text" size="35" maxlength="35" name="phone" value="<?php echo $account->phone ?>" /><span class="requiredField"> * </span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Zip/Postal Code</font></td> <td><input class="field" type="text" size="35" maxlength="35" name="zip_postal_code" value="<?php echo $account->zip_code ?>" /> <span class="requiredField"> * </span><span class="errorMessage"><?php echo $account->get_error("zip_code") ?></span></td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> Country</font></td> <td><input class="field" type="text" size="35" maxlength="35" name="mobile_phone_number" value="<?php echo $account->mobile_phone_number ?>" /> <span class="requiredField"> * </span></td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td class="fieldLabel"><font face="Arial" color="#000000" size="2" Style="padding-left: 50px;"> I Have Read and Agree With The</font> <A href="legal.php"><font color="#000000" size="2"><u>Terms & Conditions</u></font></a></td> <td><input type="checkbox" name="terms" value="true"><span class="requiredField"> * </span></td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td class="hLine" align="right"> </td> <td class="hLine" align="right"> <span class="requiredField"> * </span><font color="red"> Required Field</font></td> </tr> <tr> <td align="right"> </td> <td align="right"><input name="submit" type="submit" class="button" value="create" /></td> </tr> <tr> <td colspan="2"> </td> </tr> </table> </form> </table> Code (markup):
Could you post a more readable screenshot or a link to a live test site which would be even better. Current screenshots that you have attached are useless, sorry.
Thanks for your reply. There is really not much to see to resolve my current request. Just want to eliminate the white gap that's between the gray line on the bottom of the header and the top of the red column. Thanks for any assistance.
Thanks for your reply. Iremoved what you suggested, but it didn't change. But I have mow noticed this white space isn't just at the top of the red left column, but extends horizontally across the top and horizontally across the bottom. My clue was that the very right vertical line isn't touching the header or footer either. Anyhelp removing these white spaces would be appreciated.
I see a couple things missing in the code you posted... <table cellpadding="0" width="770" cellspacing="0" bgcolor="#FFFFFF" style="border-right: solid 1px #6b6b6b"> <tr> <td rowspan="25" valign="top" width="140" bgcolor="#A30100"><font color="black"><font face="Arial"> __________________</font> <font color="black"><font face="Arial"> __________________</font> <br><br> <a href="index.php"> <font face="Arial" color="#000000" size="3"> Home</font></a><br><br /> <A href='index.php?command=signup_page'></td> </tr> <tr> <td class="pageTitle"><span class="hLine"><font face="Arial" color="#A30100" size="3" Style="padding-left: 50px;"> <b>Create New Account</b></font></span></td> <td class="pageTitle"> </td> </tr>
creating columns using css gives us much flexibility as compare to table. the same output using div tags is easy and stretchable also