I am creating a "support" page for my final project site. It has a form, but the form disrupts the centered paragraph in my right column, causing it to display differently from all the other pages.
What is the best way to create a from for this type of layout?
Right now I am using a table.....
HTML:
- Code: Select all
<div id="form">
<form action="mailto:">
<table width="350">
<!-- PERSONAL INFO-->
<tr>
<td width="100"><label for="fname">First Name</label></td>
<td><input type="text" name="fname" id="fname" size="30" /></td>
</tr>
<tr>
<td><label for="lname">Last Name</label></td>
<td><input type="text" name="lname" id="lname" size="30" />
</td>
</tr>
<tr>
<td><label for="address#1">Email</label></td>
<td><input type="text" name="address1" id="address1" size="30" /></td>
</tr>
<!-- SPLITTER -->
<tr>
<td colspan="2">
<hr style="color: white; background-color: white; height: 1" />
</td>
</tr>
<!-- COMPUTER INFO -->
<tr>
<td><label for="operatingsytem">Operating System:</label></td>
<td><select name="optsys" id="optsys">
<option>Windows Vista</option>
<option>Windows xp</option>
<option>Windows 2000 or lower</option>
<option>Mac OS X</option>
</select></td>
</tr>
<tr>
<td><label for="browser">Browser:</label></td>
<td><select name="broswer" id="broswer">
<option>IE 7.0</option>
<option>IE 5.0 or lower</option>
<option>Mozilla Firefox</option>
<option>Opera</option>
<option>Netscape</option>
<option>Safari</option>
</select></td>
</tr>
<tr>
<td colspan="2">
<hr style="color: white; background-color: white; height: 1" />
</td>
</tr>
<tr><td colspan="2"><p>Please Note:<br />this website has only been tested on Internet
explorer 7.0 and Mozilla Firefox 2.0. If you are using previous versions of these internet browsers,
please note that in the comments area below and specify the web page issues.</p></td>
</tr>
<tr><td>
<table>
<tr><td>
<textarea id="TextArea1" cols="30" rows=6">Comments</textarea>
</td></tr>
<tr>
<td>
<input id="Reset1" type="reset" value="clear fields" /> <input id="Submit1" type="Submit"
value="submit" />
</td>
</tr>
</table>
</td></tr>
</table>
</form>
</div>