[CSS] - Titre et image

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 ?

Citation:

---

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;
}

---

vertical-align : middle;

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:

---

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.

Salut, le

Code:

---

vertical-align : middle;

---

sert pour les cellules des tableaux

Dans ton cas, rajoute plutôt

Code:

---

line-height: 40px;

---

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

Bon développement ;)

Citation:

---

Envoyé par 10-nice

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é.

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 :)

Merci tous le monde de m'avoir repondu aussi vite

line-height:40px;

c'est nickel

Merci