Alignement vertical du texte sur un bouton

[kizman]

Salut,

Est-il possible de définir l'alignement vertical d'un texte sur un bouton en HTML/CSS?


Merci.

[Borower]

Salut il me semble que c'est:
valigne=middle
Ou c'est vertical aligne.
Je sais plus c'est dans les V en tous cas.

[Tymir]

valign=middle

[Aquarius]

Tu peux lire ce tuto :
http://css.alsacreations.com/Faire-une- ... web-en-CSS

Il peut peut-être te renseigner.

[Borower]

Merci Tymir

Je n'avais plus la syntaxe en tete et pas moyen de la retrouver la ou je suis.
Lol
Sinon pour alsacreations c'est un tres bon site Web sur le CSS.
A conseiller

[kizman]

Marche pas...

Le texte reste obstinément au bas du bouton... Ce qui pose problème pour certaines lettres, qui se voient tronquées, comme: q, p, ...

[Aquarius]

Il existe un attribut vertical-align, mais il ne permet pas :

De positionner verticalement un texte dans un bloc quelconque (DIV, P, etc...)
De positionner verticalement un bloc dans un autre bloc.

Essaie l'astuce sur les "marges négatives" que donne Alsacreations en passant par le lien que j'ai donné plus haut et ça devrait fonctionner.

[kizman]

Les marges ont en fait un impact sur l'ensemble du bouton, mais pas sur le texte qui s'y trouve...

[Aquarius]

Essaie cette astuce :
http://marcarea.com/weblog/index.php/?2 ... correction

J'espère que cela résoudra ton problème...

[Borower]

Il y a aussi les espaces entre les lignes.
Cela peut jouer sur le positionnement du texte par raport a ton image.

[kizman]

Bon, voici ce que j'ai:

Code: Tout sélectionner

---CSS---
input.btn {
font-family: tahoma;
font-size: 12px;
color: #660033;
background-color: #D9D0D5;
padding: 2px;
height: 23px;
width: auto;
border-style: beveled;
border-width: 3;
}


Code: Tout sélectionner

---HTML---
<input type=submit value="qpg" class="btn">


J'obtiens ceci:

Le valign, je peux le mettre dans la partie CSS ou directement dans l'HTML, ça ne change rien...