Comment faire pour aligner du texte et des zones de texte à l'horizontale?

Comment faire pour aligner du texte et des zones de texte à l'horizontale?

C'est ce que le code suivant produit. Quelqu'un pourrait-il svp m'aider à faire de la ligne de texte avec les zones de texte sur toutes les tailles d'écran? À l'origine, je voulais régler la hauteur de chaque texte en ligne avec les zones de texte, mais a ensuite réalisé qu'il ne serait pas aligné sur différentes tailles d'écrans. Toute aide est appréciée.

<body>
<h1>Contact Us</h1>
<p>Please take a few moments to fill out our feedback form. It will help us to better     address your needs. Thank you.</p>
<div id="mainLeft">
<table border="0" style="z-index: 1; position: inline; width: 440px; height: 334px; left: 0px; top: 0px;" width="644">
<tbody>
<tr>
<td height="40" scope="col" width="144"><strong><span class="style4"><span class="style5">Your Name:</span> &nbsp;</span></strong></td>
<td height="269" rowspan="10" scope="col" width="267">
<form action="send-form.php" id="form" method="post" name="form">
<p><input id="name" name="name" size="35" type="text" value="" />        </p>
<p><input id="email" maxlength="55" name="email" size="35" type="text" /></p>
<p><input id="address" maxlength="55" name="address" size="35" type="text" /></p>
<p><input id="city" maxlength="55" name="city" size="35" type="text" /></p>
<p><input id="state" maxlength="55" name="state" size="15" type="text" /></p>
<p><input id="zip" maxlength="55" name="zip" size="25" type="text" /></p>
<p><input id="telephone" maxlength="55" name="telephone" size="35" type="text" /></p>
<p><input id="fax" maxlength="55" name="fax" size="35" type="text" /></p>
<p><input id="feedback" maxlength="55" name="feedback" size="35" type="text" /></p>
<p><textarea cols="30" id="comments" name="comments" rows="7" wrap="virtual"></textarea></p>
<input name="Submit" onclick="MM_validateForm('email','','RisEmail','phone','','NisNum','comments','','R');return document.MM_returnValue" tabindex="1" type="submit" value="Submit" />&nbsp;</form>
</td>
</tr>
<tr>
<td height="0" scope="col"><strong><span class="style6">Email Address: &nbsp;</span><br /></strong></td>
</tr>
<tr>
<td height="0" scope="col"><strong><span class="style6">Mailing Address: &nbsp;</span><br /></strong></td>
</tr>
<tr>
<td height="0" scope="col"><strong><span class="style6">City: &nbsp;</span></strong></td>
</tr>
<tr>
<td height="0" scope="col"><strong><span class="style6">State: &nbsp;</span></strong></td>
</tr>
<tr>
<td height="0" scope="col"><strong><span class="style6">Zip Code: &nbsp;</span></strong></td>
</tr>
<tr>
<td height="0" scope="col"><strong><span class="style6">Telephone: &nbsp;</span></strong></td>
</tr>
<tr>
<td height="0"scope="col"><strong><span class="style6">Fax: &nbsp;</span></strong></td>
</tr>
<tr>
<td height="0" scope="col"><strong><span class="style6">How did you hear about us?: &nbsp;</span></strong></td>
</tr>
<td scope="col"><span class="style6"><strong>Explanation of your legal situation: </strong></span><strong><span class="style4">&nbsp;</span></strong></td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td align="right" height="35">&nbsp;</td>
<td align="left" height="35">&nbsp;</td>
</tr>
</tbody>
</table>
</div>
</body>
  • tables sont pour les données tabulaires sous forme, pas les formes.
  • Placer le texte d'étiquette et le texte/champ de type textarea dans le même TD ou de l'élément DIV.
InformationsquelleAutor user2483121 | 2013-06-17