Alignement vertical texte dans un input
Résolu
Bonjour,
Tout est dans le sujet, je cherche depuis ce matin à aligner mon texte verticalement dans une balise input.
Mon texte se met en haut, alors que je voudrais que celui-ci soit au milieu, vertical-align n'a aucun effet.
Aidez moi svp je suis bloqué sur cette bêtise...
Tout est dans le sujet, je cherche depuis ce matin à aligner mon texte verticalement dans une balise input.
Mon texte se met en haut, alors que je voudrais que celui-ci soit au milieu, vertical-align n'a aucun effet.
Aidez moi svp je suis bloqué sur cette bêtise...
7 réponses
-
J'ai trouvé la solution en utilisant line-height.
-
Une autre solution même si le problème est résolu
Vous pouvez aligner votre texte dans votre input, grâce à un padding sur celui-ci:
.idInput{
padding : Xpx Ypx Zpx Kpx;
}
(padding : (top) (right) (bottom) (left); en utilisant les unités communes (px,%, ...) ) -
désolé de ne pas être revenu hier, boulot à fond...je vois que ton souci est donc résolut ;-)
-
autant pour moi, j'ai parlé trop vite, lollll, pour valign ce n'est pas "center" mais valign: middle;
tu peux également utiliser un valeur numérique exprimé en pourcentage comme par exemple
valign: :10%;
Les autres attributs sont pour valign :
baseline
sub
super.
text-top
text-bottom
top
bottom
inherit-
Toujours pas de changement GRRRRR
ça fonctionne comme vertical-align, que j'ai essayé dans tous les sens ce matin, et malheureusement le résultat reste le même...
Je code sous Dreamweaver et celui-ci ne me propose pas l'attribut valign comme il le fais pour tout les autres, comme si il n'existait pas... Simple coïncidence?
-
-
ContributeurSalut,
En fouillant un peu sur CCM :
https://forums.commentcamarche.net/forum/affich-4911880-css-alignement-label-input -
tant qu'a faire pour un travail plus "propre" définit le dans ton css ;-)
-
Merci mais ça ne me change rien :s
Voilà le code .css correspondant a mes input en question:
.def
{
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
font-size: 10px;
background-image: url(in_b.png);
background-repeat:repeat-x;
width:100%;
height:28px;
border: none;
border-left: 1px solid #d8dcdf;
padding-left:5px;
valign: center;
}
Merci de m'aider ;) -
-
-
utilise l'attribut valign="center"
