5568 sujets

Sémantique web et HTML

Bonsoir,

en HTML, dans un formulaire,
j'ai une liste déroulante pour des pays.
Seulement, j'aurai tant voulu que la hauteur
de cette liste soit de 11px (et non comme elle l'est par défaut).
Je sais la hauteur de la ligne de la table est de 14 px...
C'est fait exprès? je souhaite des espaces
en-dessous et au-dessus de cette liste déroulante
J'ai lu par Google que cela était impossible en CSS et
que cela se gérait directement par le HTML.
Mais comment faire?
Pouvez-vous m'aider ?


Voici le code :
<div class="c12i11" id="bloc05">
<form action="php/traitement.php" method="post" name="myform" id="formulaire">
<table width="307" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="57" height="14" valign="center">Pays<span class="rouge">*</span></td>
<td width="250" height="14" valign="center">
<select name="pays" id="pays" style="font-size:9; height: 11">
<option value="FR" selected>Choisissez, svp !</option>
<option value="FR">France</option>
<option value="BE">Belgique</option>
<option value="CH">Suisse</option>
<option value="LU">Luxembourg</option>
<option value="NL">Pays-bas</option>
<option value="NC">Autre pays</option>
</select></td>
</tr>
</table>
</form>
<script language="JavaScript" type="text/javascript">
var frmvalidator = new Validator("myform");
frmvalidator.EnableOnPageErrorDisplaySingleBox();
frmvalidator.EnableMsgsTogether();
frmvalidator.addValidation("message","req","Votre message est manquant !");
frmvalidator.addValidation("email","req","Votre email est manquant !");
frmvalidator.addValidation("email","email","Votre email n'est pas valide !");
frmvalidator.addValidation("tel","req","Votre téléphone est manquant !");
frmvalidator.addValidation("pays","dontselect=0","Votre pays est manquant !");
frmvalidator.addValidation("localite","req","Votre localité est manquante !");
frmvalidator.addValidation("nom","req","Votre nom est manquant !");
</script>
</div>
Bonjour

Si j'ai bien compris ta demande, je pense que tu peux modifier la hauteur de l'élément select en CSS avec line-height. Tu peux aussi jouer sur la taille des polices avec font-size. J'ai fait un test avec Firefox. Je ne garantie rien pour IE.

Tu as aussi cet article : http://www.alsacreations.com/astuce/lire/57-comment-personnaliser-les-lments-select-checkbox-legend-submit-et-radio-button-dans-un-formulaire.html

Sinon, je t'invite à découvrir ce sujet, plein de précieux conseils pour mettre en forme un formulaire en css :
http://forum.alsacreations.com/topic.php?fid=4&tid=50946&s=formulaire
Smiley biggrin