[résolu]Input

BOnjour,
Je suis en train de faire un design
et dans mon design j'ai un champs de recherche ,seulement j'ai un problème
Pas moyen d'aligner verticalement ce que j'écris dans le champ de recherche
sous ie pas de problème mais sur firefox ca bouge pas d'un iota
voici les codes :

#search				 {width:188px;background: url(images/search.jpg);border:0;font: 17px bold italic small-caps verdana,serif;margin:0 0 0 0;padding:0 0 0 0;}	
#ok					 {background: url(images/loupe.png);height:24px;width:22px;border:0}	
form {margin:0 0 0 1050px;padding:4px 0 0 0;border:0;}
input{margin:0 0 0 0;padding:0 0 0 0;border:0;vertical-align:top ;height:24px;}	

<form name="form1" method="post" action="../search.php">
<input name="log" type="hidden" id="log" value="1">
<input type="text" name="s" id="search" value="Search this site..." onclick="if(this.value=='Search this site...'){this.value='';}" onblur="if(this.value==''){this.value='Search this site...';}"/>
<input type="submit" name="Submit" id="ok" value="">
</form>

Quelqu'un à t-il une idée??
Merci d'avance
Modifié par boosteur (26 Jun 2009 - 08:21)

Bonjour,

Utiliser du padding plutôt que vertical-align pour les champs texte de formulaire. Donc au lieu de:

input[type="text"] {
    height: 30px;
    vertial-align: middle;
}

on aura plutôt:

input[type="text"] {
    height: 12px;
    padding-top: 9px;
    padding-bottom: 9px;
}

Merci je testerais ça au clair demain matin ^^

j'ai adapté et ça marche très bien,

#search				 {width:188px;background: url(images/search.jpg);border:0;font: 12px bold italic small-caps verdana,serif;margin:0 0 0 0;padding:0 0 0 0;height: 14px;padding-top: 4px;padding-bottom: 4px;}	
#ok					 {background: url(images/loupe.png);height:24px;width:22px;border:0}	
form                 {margin:0 0 0 1050px;padding:4px 0 0 0;border:0;}
input[type="text"]   {color:#c00000;}

Merci pour ton aide