Alignement vertical texte dans un input

Résolu
bipbip3 Messages postés 46 Date d'inscription   Statut Membre Dernière intervention   -  
 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

bipbip3 Messages postés 46 Date d'inscription   Statut Membre Dernière intervention   6
 
J'ai trouvé la solution en utilisant line-height.
2
JeanPierrePapin Messages postés 87 Date d'inscription   Statut Membre Dernière intervention   2
 
utilise l'attribut valign="center"
1
bipbip3 Messages postés 46 Date d'inscription   Statut Membre Dernière intervention   6
 
Dans mon .css ou mon code HTML ou niveau de la balise <input> ?
0
JeanPierrePapin Messages postés 87 Date d'inscription   Statut Membre Dernière intervention   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
bipbip3 Messages postés 46 Date d'inscription   Statut Membre Dernière intervention   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
JeanPierrePapin Messages postés 87 Date d'inscription   Statut Membre Dernière intervention   2
 
tant qu'a faire pour un travail plus "propre" définit le dans ton css ;-)
0
bipbip3 Messages postés 46 Date d'inscription   Statut Membre Dernière intervention   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
bipbip3 Messages postés 46 Date d'inscription   Statut Membre Dernière intervention   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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
jjsteing Messages postés 1670 Date d'inscription   Statut Contributeur Dernière intervention   181
 
0
JeanPierrePapin Messages postés 87 Date d'inscription   Statut Membre Dernière intervention   2
 
désolé de ne pas être revenu hier, boulot à fond...je vois que ton souci est donc résolut ;-)
0
bipbip3 Messages postés 46 Date d'inscription   Statut Membre Dernière intervention   6
 
Merci tout de même de m'avoir aidé! ;-)
0
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