28172 sujets

CSS et mise en forme, CSS3

Bonsoir à tous,
Je développais des formulaires de recherche et de connexions sur mon site, quand je me suis aperçu en le testant sous IE 8 que le texte des input de type text et password n'était pas aligné verticalement : il est collé en haut, et cela crée des problèmes pour les pseudo-classes genre :hover...
Voici un bout de mon code CSS

#sub_header .recherche input[type=text]{
border-width:1px 0 1px 1px;
border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
-webkit-border-radius:4px 0 0 4px; 
padding:0 5px;
width:80%;
height:35px;
}

Existe-t-il une propriété valide pour aligner verticalement mon texte ?
Modifié par r4zor (07 Feb 2011 - 16:13)
bonjour,

1 fixer une font-size.
2 retrancher la height de ton input avec cette font-size.
3 diviser le resultat par 2.
4 mettre un padding top et bottom égal à ce résultat.