HTML - Two Column Form

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.





Code:

<?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">&nbsp; </td>
    <td>&nbsp;</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;">&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:50px;">&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:50px;">&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: 50px;">&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: 50px;">&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: 50px;">&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: 50px;">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: 50px;">&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: 50px;">&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: 50px;">&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: 50px;">&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: 50px;">&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: 50px;">&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: 50px;">&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: 50px;">&nbsp;&nbsp;I Have Read and Agree With &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 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>
	</td>
	</form>
</table>

I don't know if this is supposed to be posted here or in the css forum - so correct me if I'm doing it wrong.

I'm making a table with a variable number of colums. The first column should be allowed to have a width of 30 % if it is needed by the text, but less if it is not needed. (This can style="max-width:30%" do for me). The rest of the columns can use the space that the first columns doesn't use, but shouldn't be able to force the first column to be smaller.

If I use max-width the first column might be smaller than 30% because of the rest of the columns forces it to be so, and if I use width=30% the width will be 30% even if the text in the first column doesn't need 30%.

Can anyone help me?

Hi all,
I'm trying to achieve a border around columns, like on this website:
http://www.birchandbird.com

I like the blue textured border around the columns but I'm completely stuck on how I achieve that. Can anyone please help me?
Thank you so much in advance!

How can I put a blue border round this entire column. I tried but can't get it to work.
http://www.bestsellersworld.com/text2.html

Hi:
I would like to present to my users a 3-column table of 'House for Sale' advertisements. This is not a commercial venture but will only be for the use of my Senior Mobile Home Park residents.

Each of the three columns should contain x number of rows with each column cell containing a tiny pic (from a house.jpg file) and underneath the pic would be a few general details of the price, address, agent selling, etc.

The .pic would be clickable and would then bring up a more enlarged picture of the house and complete details of the house for sale.

My first puzzle is how to make this list of rows of advertisements *variable*. I guess I have to 'build' the page in my server according to how many ads are currently active ??

Any first thoughts are welcome.

Thanks,

-Mel Smith

Hi

My latest design is 2 columns one for navigation the second for content.

My problem is with positioning.

I want to be able to add an image at the bottom of the navigation column which will always be at teh bootom no matter how big the content area grows.

The idea is my navigation will be at the top and the image or possibly images will be at the bottom.

Is there an easy way around this with CSS? i could use tables and have it align to bottom but i don't want to use tables if possible.

Any suggestions would be appreciated as the design is almost finished and i hope to make a start on coding this afternoon.

I will post the example code soon for you guys to see how i've put it together and hopefully will just be able to change one line or somthing for me.

CC_DESIGN

i tried a code for left right side by side columns but it didn't work can somebody give me a clue to why this didn't work?

<style>
#columns {
width:600px;}
#columns.column{
position:relative;
width:46%;
padding:1%;
boarder: solid 1px #000;}
#columns:left;{
float:left;}
#ciolumns:right{
float:right}
</style>
<div id="columns">
<div class="left column">
<p>text here</p>
</div>
<div class="right column">
<p>text here</p>
</div>
</div>

I can't get the left column to align at the top of the page with the right. I've messed with all the values I could find but have had no luck fixing the problem. What tags should I be paying attention to ? I realize there is a tremendous about of extra code that I need to remove, Im just not sure what is relevant to my layout and what I should delete.

If anyone could give me a hand I would very much appreciate it.

Hi guys, I have a problem.

Whenever the left column is larger than the right column, it stretches the div, but the background doesn't go on. The content just flows out. Is there any way I can fix this?

http://automata.firephoenixnet.com/74s/

Thanks in advance guys.

Hey,
I have a sample page he www.darkdayssoftware.com/indexotheridea.html

How do I make space for and create a column down the left and right (e.g. a space for adverts) and ensure that when I resize the web paste, the main column in the middle doesn't overlap the column to the left, and similarly the column on the right doesn't overlap the column in the middle?

Thanks

hi

i am displaying the data retrived from the database in table format.
say using query select .

col1 col2 col3 col4
12 15 15
13 15 16

the data displayed in col1,col2,col3 are retrieved from the database.

now the problem is now i have to compute value for col4 (i.e
col4= (15+15)/4) using the values in col2 ,col3. how to perform this.

i am using sql as backend and jsp for front end.

please send some similar examples or working code for this or
any suggestions are appreciated.

Thanks and regards
Manjunath

So I found this perfect layout my mathew taylor and Im dissecting it to understand the layout and css. My first questions off the bat are, how does he get the links at the top to be indented? I cant see where he placed the command so that their is an inch of indent and then the links start. Also, how does he make it so the links at the top intersect with a black line the spans the header? I really dont see this in the html where the black line is. And lastly, if i want to create a banner for my website in the header how do i go about doing that in the space above the links and spanning the header. I really want to create a clean title in photoshop and place it there but I dont know what dimension width and heighth to use. Thanks

http://matthewjamestaylor.com/blog/perfect-3-column.htm

i devlope one html page which is working fine in ff but not in ie6, because of height of 1px column is much larger than ff column..
so how can i reduce height of 1px column in ie6.

Hi all, Im afraid im getting a little frustrated. My fault..

Im new here but need your help.

I run a forum, phpbb3 based but the style im currently using is very much HTML based. I am looking to have a left hand column within my forum but really dont know how to do it, well to add to what i already have.

I think for you to know what style docs i have you would have to have a look yourself or look at my existing source code..

http://www.pricelessparrots.com/phpbb3/

Ok i have the new style ' VistaX '.

This link will take you to the original download:

It can be found he

It seems this style is mostly created using HTML. Could someone please tell me how to add a left hand column to the page. I would like it to be on the left hand side all the way down after the header.

I thought i would have a go at it but becoming increasingly frustrated with it. such a simple thing but i cannot get it.

Do i float it, using css or what?

I thought about using a seperate page to create the table and then include it into the doc but this doesnt work either.

Plz help..
Paul