Alignement vertical texte dans un input

Résolu
bipbip3 Messages postés 48 Statut Membre -  
 Max -
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...

7 réponses

  1. bipbip3 Messages postés 48 Statut Membre 6
     
    J'ai trouvé la solution en utilisant line-height.
    2
  2. JeanPierrePapin Messages postés 92 Statut Membre 2
     
    utilise l'attribut valign="center"
    1
    1. bipbip3 Messages postés 48 Statut Membre 6
       
      Dans mon .css ou mon code HTML ou niveau de la balise <input> ?
      0
  3. JeanPierrePapin Messages postés 92 Statut Membre 2
     
    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
    1
    1. bipbip3 Messages postés 48 Statut Membre 6
       
      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?
      0
  4. JeanPierrePapin Messages postés 92 Statut Membre 2
     
    tant qu'a faire pour un travail plus "propre" définit le dans ton css ;-)
    0
    1. bipbip3 Messages postés 48 Statut Membre 6
       
      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 ;)
      0
    2. bipbip3 Messages postés 48 Statut Membre 6
       
      Je précise que sous Chrome mon texte est centré comme il faut (sans valign=center) et le problème est sous FF et IE 8
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. JeanPierrePapin Messages postés 92 Statut Membre 2
     
    désolé de ne pas être revenu hier, boulot à fond...je vois que ton souci est donc résolut ;-)
    0
    1. bipbip3 Messages postés 48 Statut Membre 6
       
      Merci tout de même de m'avoir aidé! ;-)
      0
  7. Max
     
    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,%, ...) )
    0