Discussion :

[illimus]

bonjour,

Voila j'ai un titre h2 dans lequel il y a une image alignée à gauche, seulement mon image est plus haute que mon texte, et donc mon texte s'affiche aligné vers le haut et je voudrais qu'il soit centré verticalement, est ce que c'est possible ?

h2{
color:#00549D;
font-size:20px;
text-transform:uppercase;
text-indent:50px;
height:40px;
border-bottom-style:solid;
border-bottom-width:1px;
background-repeat:no-repeat;
background-position:left bottom;
border-bottom-color:#BCCE00;
background-image: url(img/ico_titreCandidat.gif);
padding:0 0 0 10px;
margin:10px 0 5px 10px;
}

[10-nice]

vertical-align : middle;

[masu]

tu as positionne ton image en bas a gauche, peu etre que a gauche au milieu ca serai mieux(ou a gauche en haut ca depend de l'image en fait)?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background-position:left middle;

Si ca ne suffi pas tu peu aussi jouer sur le padding top, en en rajoutant tu va donner l'impression que ton text est plus bas.

Autre solution modifier ton image.

[Nesmontou]

Salut, le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

vertical-align : middle;

sert pour les cellules des tableaux

Dans ton cas, rajoute plutôt

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

line-height: 40px;

(il faut mettre la même valeur que pour ton height)

Bon développement

[masu]

vertical-align : middle;

vertical align ne marche que dans un contexte de tableau il ne semble.
On pourai utiliser ca en rafoutant un display:table-cell, mais IE n'interprete pas cette derniere propriété.

[10-nice]

euh non vertical-align il ne fonctionne pas que dans les tableaux

Il est censé mais interprété pour d'autre bloc comme les divs par exemple

[illimus]

Merci tous le monde de m'avoir repondu aussi vite

line-height:40px;

c'est nickel

Merci