| View previous topic :: View next topic |
| Author |
Message |
msanitanash
Joined: 03 Mar 2008 Posts: 9
|
Posted: Mon Mar 03, 2008 3:05 pm Post subject: forms layout |
|
|
I am trying to setup a form but instead of putting all the information straight down I want some on the other half of the paper for example
Firs name Here
do you have a coupon check yes should be on the right side of site
Last name Here
can anyone help asap |
|
| Back to top |
|
 |
|
|
Johnathan 500+ Club

Joined: 31 May 2007 Posts: 940 Location: Belfast, Northen Ireland
|
Posted: Mon Mar 03, 2008 3:39 pm Post subject: Re: forms layout |
|
|
| Put your form inside a table. Much easier to move it around and have it where you want. |
|
| Back to top |
|
 |
msanitanash
Joined: 03 Mar 2008 Posts: 9
|
Posted: Mon Mar 03, 2008 3:55 pm Post subject: Re: forms layout |
|
|
I am new at html
<form>
First Name: <input type="text" name="First Name" id="First Name" size="30" /> <p>
Last Name: <input type="text" name="Last Name" id="Last Name" size="30" /> <p>
<strong> Billing Addresses </strong><p>
Street Address: <input type="text" name="Street Address" id="Street Address" size="50" /> <p>
City: <input type="text" name="City" id="City" size="30"/> State: <input type="text" name="State" id="State" size="4"/> Zip: <input type="text" name="Zip" id="Zip" size="10"/><p>
Would you like to receive our coupons? <input type="radio" name="yes" id="yes" value="Yes" /> Yes <input type="radio" name="no" id="no" value="No" /> No<p>
<strong> Shipping Method</strong> <input type="radio" name="USPS" id="USPS" value="USPS" /> USPS <input type="radio" name="Fed Ex" id="Fed Ex" value="Fed Ex" /> Fed Ex <input type="radio" name="UPS-Priority" id="UPS-Priority" value="UPS-Priority" /> UPS-Priority<p>
<p>Additional comments regarding your order:<br />
<textarea name="addtional comments" id="additional comments" cols="50" rows"8"> </textarea><p>
<p><input type="submit" value="Place your order now!" />
<input type="reset"value="Reset your order"/>
But I need to put alot of other radio and check forms on the right side of the page how would I do that |
|
| Back to top |
|
 |
Johnathan 500+ Club

Joined: 31 May 2007 Posts: 940 Location: Belfast, Northen Ireland
|
Posted: Mon Mar 03, 2008 4:30 pm Post subject: Re: forms layout |
|
|
<table width="735" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> First Name: </td>
<td><input type="text" name="First Name" id="First Name" size="30" /></td>
</tr>
<tr>
<td>Last Name: </td>
<td><input type="text" name="Last Name" id="Last Name" size="30" /></td>
</tr>
<tr>
<td><strong>Billing Addresses </strong></td>
<td> </td>
</tr>
<tr>
<td>Street Address: </td>
<td><input type="text" name="Street Address" id="Street Address" size="50" /></td>
</tr>
<tr>
<td>City: </td>
<td><input type="text" name="City" id="City" size="30"/></td>
</tr>
<tr>
<td>State: </td>
<td><input type="text" name="State" id="State" size="4"/></td>
</tr>
<tr>
<td>Zip:</td>
<td><input type="text" name="Zip" id="Zip" size="10"/></td>
</tr>
<tr>
<td>Would you like to receive our coupons? </td>
<td><input type="radio" name="yes" id="yes" value="Yes" />
Yes
<input type="radio" name="no" id="no" value="No" />
No</td>
</tr>
<tr>
<td><strong>Shipping Method</strong></td>
<td><input type="radio" name="USPS" id="USPS" value="USPS" />
USPS
<input type="radio" name="Fed Ex" id="Fed Ex" value="Fed Ex" />
Fed Ex
<input type="radio" name="UPS-Priority" id="UPS-Priority" value="UPS-Priority" />
UPS-Priority</td>
</tr>
<tr>
<td><p>Additional comments regarding your order: </p></td>
<td><textarea name="addtional comments" id="additional comments" cols="50" rows"8"> </textarea></td>
</tr>
<tr>
<td><input type="submit" value="Place your order now!" /></td>
<td><input type="reset"value="Reset your order"/></td>
</tr>
</table>
Thats it all in a table, it should be easy enough to find the code to insert another row from looking at it. Also you should make you text boxes around the same size to stop it looking so messy, or align them differently. |
|
| Back to top |
|
 |
|