CSS & Webdesign » height http://css.4design.tl Le blog de l'intégrateur web Thu, 24 May 2012 16:31:47 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Aligner le contenu d'un champ input avec le label associé http://css.4design.tl/aligner-le-contenu-dun-champs-input-avec-le-label-associe http://css.4design.tl/aligner-le-contenu-dun-champs-input-avec-le-label-associe#comments Tue, 14 Oct 2008 18:36:19 +0000 Bruno Bichet http://www.css4design.com/?p=2094 Lorsqu’on donne une hauteur height à un champ input, il arrive que le texte saisi à l’intérieur ne s’aligne pas correctement avec la base du texte présent dans le label. Dans ce cas, je diminue la hauteur et je distribue un soupçon de padding en haut et/ou en bas selon l’alignement souhaité.

Pour un champ input de 20px de haut, on aura ainsi les valeurs :

input {
    height: 13px;
    padding: 3px 0 4px 0;
}

Pour une hauteur identique à :

input {
    height: 20px;
}

And the cat’s in the bag!

Articles sur le même sujet

flattr this!

]]> http://css.4design.tl/aligner-le-contenu-dun-champs-input-avec-le-label-associe/feed 16