Posez votre question Signaler

Alignement vertical texte dans un input [Résolu]

bipbip3 24Messages postés 5 août 2008Date d'inscription 25 juillet 2011Dernière intervention - Dernière réponse le 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...
Lire la suite 

Alignement vertical texte dans un input »

12 réponses
Réponse
+1
moins plus
bipbip3 24Messages postés 5 août 2008Date d'inscription 25 juillet 2011Dernière intervention 29 sept. 2010 à 10:42
J'ai trouvé la solution en utilisant line-height.

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
JeanPierrePapin 78Messages postés 29 juillet 2010Date d'inscription 1 avril 2012Dernière intervention 28 sept. 2010 à 15:16
utilise l'attribut valign="center"

 Ajouter un commentaire
bipbip3- 28 sept. 2010 à 15:17
Dans mon .css ou mon code HTML ou niveau de la balise <input> ?
Ajouter un commentaire
Réponse
+0
moins plus
JeanPierrePapin 78Messages postés 29 juillet 2010Date d'inscription 1 avril 2012Dernière intervention 28 sept. 2010 à 15:19
tant qu'a faire pour un travail plus "propre" définit le dans ton css ;-)

 Ajouter un commentaire
bipbip3- 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 ;)
bipbip3- 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
Ajouter un commentaire
Réponse
+0
moins plus
JeanPierrePapin 78Messages postés 29 juillet 2010Date d'inscription 1 avril 2012Dernière intervention 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

 Ajouter un commentaire
bipbip3- 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?
Ajouter un commentaire
Réponse
+0
moins plus
JeanPierrePapin 78Messages postés 29 juillet 2010Date d'inscription 1 avril 2012Dernière intervention 29 sept. 2010 à 22:15
désolé de ne pas être revenu hier, boulot à fond...je vois que ton souci est donc résolut ;-)

 Ajouter un commentaire
bipbip3- 30 sept. 2010 à 10:15
Merci tout de même de m'avoir aidé! ;-)
Ajouter un commentaire
Réponse
+0
moins plus
Max 7 janv. 2011 à 12:30
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,%, ...) )

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « Alignement vertical texte dans un input » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?