How to have left column next to right area.

Discussion in 'HTML & Website Design' started by chrisj, Aug 14, 2007.

  1. #1
    I'm trying to modify this existing Form Page and have added a left column, to match my Home Page.

    But, I know I need to add some other code. It appears that the left column is above the Form part of the page, instead of next-to it.

    Can you help me? Here's the code and an image of the page (ignore the pricing). I'd like the red left column to come all the way down the left side with the Form to the right of it. Thanks.

    <?php 	global $account;	?>
    
    <link href="../style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    a:link {
    	text-decoration: none;
    }
    a:visited {
    	text-decoration: none;
    }
    a:hover {
    	text-decoration: none;
    }
    a:active {
    	text-decoration: none;
    }
    -->
    
    <link href="../style.css" rel="stylesheet" type="text/css" /><style type="text/css"></style>
    
    <table cellpadding="0" width="770" height="100%" cellspacing="0" bgcolor="#FFFFFF" style="border-right: solid 1px #6b6b6b">
    
    
    
    <td width="179" align="left" valign="top" bgcolor="#A30100">
    
    <font color="white"><font face="Arial">&nbsp;__________________</font>
    <font color="white"><font face="Arial">&nbsp;__________________</font>
    <br><br>
    <a href="index.php"> <font face="Arial" color="#ffffff" size="3">&nbsp;&nbsp;&nbsp;&nbsp;Home</font></a><br><br />  <A href='index.php?command=signup_page'></tr>
    
    
    <form method="POST" action="index.php">
    <tr>
    	  <td width="140" rowspan="21" id="menu">&nbsp; </td>
        <td>&nbsp;</td></tr>
    	
    	<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: 150px;">&nbsp;<b>Create New Account</b></span></td>
    	  <td class='pageTitle'>&nbsp;</td>
    	</tr>
    
    	<tr>
    	  <td class='fieldLabel' width="30%"> <font face="Arial" color=#000000" size="2" Style="padding-left:150px;">&nbsp;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:150px;">&nbsp;Email Address</td>
    		<td><input class='field' type='text' size='35' maxlength="30" name='user_name' value='<?=$account->user_name ?>'>
    			<span class='requiredField'>*&nbsp;</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: 150px;">&nbsp;Re-Confirm Email Address</td>
    		<td><input class='field' type='text' size='35' maxlength="50" name='email' value='<?=$account->email ?>'>
    			<span class='requiredField'>&nbsp;*&nbsp;</span><span class='errorMessage'><?=$account->get_error('email') ?></span></td>
    	</tr>
    
    <tr>
        <td>&nbsp;  </td></tr>
    
    	<tr>
    	  <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 150px;">&nbsp;Password</td>
    		<td><input class='field' type='password' size='35' maxlength="30" name='password' value='<?=$account->password ?>'>
    			<span class='requiredField'>&nbsp;*&nbsp;</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: 150px;">&nbsp;Re-Enter Password</td>
    		<td><input class='field' type='password' size='35' maxlength="30" name='reenter_password' value='<?=$account->reenter_password ?>'>
    			<span class='requiredField'>&nbsp;*&nbsp;</span><span class='errorMessage'><?=$account->get_error('reenter_password') ?></span></td>
    	</tr>
    
    <tr>
        <td>&nbsp;</td></tr>
    
    	<tr>
    	  <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 150px;">First Name </td>
    		<td  ><input class='field' type='text' size='35' maxlength="50" name='first_name' value='<?=$account->first_name ?>'>
    			<span class='requiredField'>&nbsp;*&nbsp</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: 150px;">&nbsp;Last Name</td>
    		<td><input class='field' type='text' size='35' maxlength="50" name='last_name' value='<?=$account->last_name ?>'>
    			<span class='requiredField'>&nbsp;*&nbsp;</span><span class='errorMessage'><?=$account->get_error('last_name') ?></span></td>
    	</tr>
    
    	<tr>
        <td>&nbsp;</td></tr>
    	
    	<tr>
    	  <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 150px;">&nbsp;Address</td>
    		<td><input class='field' type='text' size='35' maxlength="70" name='address' value='<?=$account->address ?>'>
    			<span class='requiredField'>&nbsp;*&nbsp;</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: 150px;">&nbsp;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: 150px;">&nbsp;City</td>
    		<td><input class='field' type='text' size='35' maxlength="50" name='city' value='<?=$account->city ?>'>
    			<span class='requiredField'>&nbsp;*&nbsp;</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: 150px;">&nbsp;State/Province</td>
    		<td><input class='field' type='text' size='35' maxlength="35" name='phone' value='<?=$account->phone ?>'><span class='requiredField'>&nbsp;&nbsp;*&nbsp;</span></td>
    	</tr>
    
    
    
    	<tr>
    	  <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 150px;">&nbsp;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'>&nbsp;*&nbsp;</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: 150px;">&nbsp;Country</td>
    		<td><input class='field' type='text' size='35' maxlength="35" name='mobile_phone_number' value='<?=$account->mobile_phone_number ?>'> <span class='requiredField'>&nbsp;*&nbsp;</span></td>
    	</tr>
    
    <td>&nbsp;</td></tr>
    
    <tr>
    	  <td class='fieldLabel'><font face="Arial" color=#000000" size="2" Style="padding-left: 150px;white-space: nowrap">&nbsp;&nbsp;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'>&nbsp;*&nbsp;</span></td>
    	</tr>
    
    	<tr>
        <td>&nbsp;	
     </td></tr>
    
    	
    	<tr>
        <td>&nbsp;</td></tr>
    	<tr><td class='hLine' align="right">&nbsp;</td>
    	  <td class='hLine' align="right">&nbsp;<span class='requiredField'>&nbsp;*&nbsp;</span><font color="red"> Required Field</font></span></td>
    	</tr>
    	<tr><td align="right">&nbsp;</td>
    	  <td align="right"><input name="submit" type='submit' class='button' value='create' /></td>
    	</tr>
    	<tr><td>&nbsp;</td>
    	  <td>&nbsp;   </td>
    	</tr>
    	</form>
    </table>
    Code (markup):
     

    Attached Files:

    chrisj, Aug 14, 2007 IP