Alignement vertical texte dans un input

Résolu/Fermé
bipbip3 Messages postés 46 Date d'inscription mardi 5 août 2008 Statut Membre Dernière intervention 25 juillet 2011 - 28 sept. 2010 à 15:11
 Max - 7 janv. 2011 à 12:30
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 mardi 5 août 2008 Statut Membre Dernière intervention 25 juillet 2011 6
29 sept. 2010 à 10:42
J'ai trouvé la solution en utilisant line-height.
2
JeanPierrePapin Messages postés 87 Date d'inscription jeudi 29 juillet 2010 Statut Membre Dernière intervention 1 avril 2012 2
28 sept. 2010 à 15:16
utilise l'attribut valign="center"
1
bipbip3 Messages postés 46 Date d'inscription mardi 5 août 2008 Statut Membre Dernière intervention 25 juillet 2011 6
28 sept. 2010 à 15:17
Dans mon .css ou mon code HTML ou niveau de la balise <input> ?
0
JeanPierrePapin Messages postés 87 Date d'inscription jeudi 29 juillet 2010 Statut Membre Dernière intervention 1 avril 2012 2
28 sept. 2010 à 15:29
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 mardi 5 août 2008 Statut Membre Dernière intervention 25 juillet 2011 6
28 sept. 2010 à 15:35
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 jeudi 29 juillet 2010 Statut Membre Dernière intervention 1 avril 2012 2
28 sept. 2010 à 15:19
tant qu'a faire pour un travail plus "propre" définit le dans ton css ;-)
0
bipbip3 Messages postés 46 Date d'inscription mardi 5 août 2008 Statut Membre Dernière intervention 25 juillet 2011 6
28 sept. 2010 à 15:22
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 mardi 5 août 2008 Statut Membre Dernière intervention 25 juillet 2011 6
28 sept. 2010 à 15:24
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 1669 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
28 sept. 2010 à 15:20
0
JeanPierrePapin Messages postés 87 Date d'inscription jeudi 29 juillet 2010 Statut Membre Dernière intervention 1 avril 2012 2
29 sept. 2010 à 22:15
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 mardi 5 août 2008 Statut Membre Dernière intervention 25 juillet 2011 6
30 sept. 2010 à 10:15
Merci tout de même de m'avoir aidé! ;-)
0
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