Bonjour,
J'essaye de mettre en forme un <textarea> dans un formulaire sans utiliser <table>.
Avec cela, tous les <label> sont alignés à droite et les champs <input> <textarea> sont alignés à gauche (170px). Le problème est que le <textarea> ne pousse pas le 2ème <input> vers le bas et se retrouve "derrière"...
Existe-t-il une propriété CSS ou une astuce pour cela ????
L'idéal serait de garder la possibilité de le redimensionner tout en poussant si besoin/possible.
Merci pour votre précieuse aide !
J'essaye de mettre en forme un <textarea> dans un formulaire sans utiliser <table>.
<form>
<div class="double">
<label for="genre">Genre :</label>
<input type="text" name="genre" value="" />
<p class="spacer"></p>
</div>
<div class="double">
<label for="espece">Espèce :</label>
<textarea name="espece" rows="5" value=""></textarea>
<p class="spacer"></p>
</div>
<div class="double">
<label for="famille">Famille :</label>
<input type="text" name="famille" value="" />
<p class="spacer"></p>
</div>
</form>
form div.double {
position:relative;
}
form label {
display:block;
width:160px;
text-align:right;
}
form .field,
form textarea {
position:absolute;
left:170px;
top:0px;
margin:0;
width:500px;
}
form textarea {
/* ??? */
}
Avec cela, tous les <label> sont alignés à droite et les champs <input> <textarea> sont alignés à gauche (170px). Le problème est que le <textarea> ne pousse pas le 2ème <input> vers le bas et se retrouve "derrière"...
Existe-t-il une propriété CSS ou une astuce pour cela ????
L'idéal serait de garder la possibilité de le redimensionner tout en poussant si besoin/possible.
Merci pour votre précieuse aide !