Impécable je te remercie de ton aide.

Je pense que pour résoudre ce probleme il faut que tu definisse une taille différente pr tes select et pour tes input. En effet a l heure actuelle ils font la meme taille pour le contenu possible donc la barre de défilement n'est pas inclue.

Si tu fais par exemple dans ton style:

[code]input.text,input.date{
width: 12em;
}

select {
width: 11em;
}[/code]
cela devrait résoudre le probleme je pense.

[img]http://skudetto.free.fr/Forum/form.JPG[/img]
Non en fait sur cet exemple tous les INPUT sont alignés mais j'aimerais que les listes le soit aussi.
avec le em ça ne les alignes qu'entre elles (les listes xd).
Voilà rien de mieux qu'un exemple visuel.

Merci.

Pour em, lis ce [url=http://css.alsacreations.com/Tutoriels-et-articles-divers/gerer-la-taille-du-texte-avec-les-em]tutorial d'Alsacréations[/url].

Il s'agit d'une unité relative.

Si, pour l'alignement, tu parles d'alignement par rapport au texte environnant, tu peux utiliser la propriété CSS suivante :

[code]input, select {
vertical-align: middle;
}[/code]

Merci de ta réponse.
J'ai opté pour ça :

[code]input.text,input.date, select{
width: 12em;
}[/code]

Mais en revanche les input et select ne sont pas alignés, alors qu'entre eux les select le sont maintenant. Si quelqu'un a une autre idée ... XD je suis une queue en css.

Que signifie au juste em ?

Merci

Utilise les CSS et la propriété width, comme suit :

[code]input, select, textarea {
width: 10em;
}[/code]

Tu peux aussi utiliser l'attribut size dans les éléments input et select en donnant la même valeur que pour l'attribut cols de textarea.

Bonjour,

Voilà mon problème, qui il est vrai peut parraître très basic.
J'ai un formulaire avec trois <input> et un <select> le tout dans un tableau.

[code]<form name="form1" ACTION="..." METHOD=post onSubmit="return validateForm(this);">
<fieldset><legend align=top> Informations propres au Service </legend>
<table BORDER=0 >
<tr>
<td>* Type</td>
<TD><select size=1 name="tssp" class="txt16-000000">
<option value=""> Choisir un type </option>
<option value="Camping">Camping</option>
<option value="hotel">Hôtel</option>
<option value="resto">Restaurant</option>

</select><label id="label_tssp"></label></TD>
</tr>
<TR>
<td>* Nom</td>
<TD><INPUT type=text name="nssp"><label id="label_nssp"></label></TD>
</tr>
<TR>
<td>Adresse</td>
<TD><INPUT type=text name="adssp"><label id="label_adssp"></label></TD>
</tr>
<TR>
<td>T&eacute;l&eacute;phone</td>
<TD><INPUT type=text name="phssp" ><label id="label_phssp"></label></TD>
</tr>
</table>
<p>(*) : Champs obligatoires</p></fieldset><br>
<INPUT TYPE=reset NAME=Bouton VALUE=" Annuler " onclick="history.back()"><INPUT type="submit" value=" Valider ">
</form>[/code]

Le problème c'est que ma liste déroulante est moins large que mes 3 autres champs j'aimerais qu'elle fasse exactement la même largeur comment puis je m'y prendre ?
En gros que tout soit aligné pour faire la même largeur que ce soir les <input> <select> ou ou textarea.

Merci.