PDA

View Full Version : How Do I Make this FORM symmetrical or aligned?


SethBr777
05-03-2008, 04:08 PM
Could someone give me some insight on how I would go about putting this form into a table form or aligned, because it just looks crap and I am no programmer, so I don't know how to fix it. If someone could help me it would be greatly appreciated.


<form action="http://www.bluehost.com/bluemail" enctype="multipart/form-data" method="POST">
Name: <input type="text" name="Name"><br>
Email: <input type="text" name="mailfrom"><br>
State Address: <input type="text" name="StreetAddress"><br>
Country: <input type="text" name="City"><br>
How did you hear about us?: <input type="text" name="Zip"><br>
Phone: <input type="text" name="Phone"><br>
<input type="hidden" name="required" value="Name,Email,Phone"><br>
<input type="hidden" name="sendtoemail" value="webmaster@MakeMoneyFromHomeeasily.com"><br>
<input type="submit" value="Send Email">
<input type="hidden" name="redirect" value="http://www.MakeMoneyFromHomeEasily.com/ThankYou.html">
</form>


thank you.
bobdog
05-03-2008, 04:39 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>My Form</title>
<style type="text/css">
<!--
.titleText {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
color: #000000;
}
-->
</style>
</head>

<body>
<form action="http://www.bluehost.com/bluemail" enctype="multipart/form-data" method="POST">
<span class="titleText">Name:</span><br>
<input name="Name" type="text" size="40"><br>
<span class="titleText">Email:</span><br>
<input name="mailfrom" type="text" size="40"><br>
<span class="titleText">State Address:</span><br>
<input name="StreetAddress" type="text" size="40"><br>
<span class="titleText">Country:</span><br>
<input name="City" type="text" size="20"><br>
<span class="titleText">How did you hear about us?</span><br>
<input name="Zip" type="text" size="40">
<br>
<span class="titleText">Phone:</span><br>
<input name="Phone" type="text" size="20">
<br>
<input type="hidden" name="required" value="Name,Email,Phone"><br>
<input type="hidden" name="sendtoemail" value="webmaster@MakeMoneyFromHomeeasily.com"><br>
<input type="submit" value="Send Email">
<input type="hidden" name="redirect" value="http://www.MakeMoneyFromHomeEasily.com/ThankYou.html">
</form>


</body>
</html>
felgall
05-03-2008, 05:31 PM
Using <label> tags around the labels for the form fields and then linking them to the form fields that they relate to would be better. Then people listening to the form will know which label belongs to which field.
bobdog
05-03-2008, 11:38 PM
To Felgall,

Happy Now? I was just trying to give a quick fix for the poor fellow. :p


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>My Form</title>
<style type="text/css">
<!--
.titleText {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
color: #000000;
}
-->
</style>
</head>

<body>

<fieldset><legend>Information Form</legend>
<form action="http://www.bluehost.com/bluemail" enctype="multipart/form-data" method="POST">

<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td><span class="titleText"><label for "Name">Name:</span><br>
<input name="Name" type="text" size="40"></label></td>
</tr>
</table>
<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<span class="titleText"><label for "Email">Email:</span><br>
<input name="mailfrom" type="text" size="40"></label></td>
</tr>
</table>

<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<span class="titleText"><label for "StreetAddress">Street Address:</span><br>


<input name="StreetAddress" type="text" size="40"></label>
</td>
</tr>
</table>

<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td>

<span class="titleText"><label for "Country">Country:</span><br>
<input name="Country" type="text" size="20"></label></td>
</tr>
</table>



<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<span class="titleText">How did you hear about us?</span><br>
<input name="hereUs" type="text" size="40"></label></td>
</tr>
</table>

<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td>

<span class="titleText"><label for "Zip Code">Postal Code:</span><br>
<input name="Zip" type="text" size="20"></label></td>
</tr>
</table>


<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<span class="titleText"><label for "Phone">Phone:</span><br>
<input name="Phone" type="text" size="20"></label></td>
</tr>
</table>
<br>
<input type="hidden" name="required" value="Name,Email,Phone"><br>
<input type="hidden" name="sendtoemail" value="webmaster@MakeMoneyFromHomeeasily.com"><br>
<input type="submit" value="Send Email">
<input type="hidden" name="redirect" value="http://www.MakeMoneyFromHomeEasily.com/ThankYou.html">
</legend>
</fieldset>

</form>


</body>
</html>


And, must you always have the last word in every post? :rolleyes:

LOL
SethBr777
05-04-2008, 08:37 AM
I really appreciate it, You guys are awesome. Thanks again