Une propriété vertical-align qui ne fonctionne pas ?

Bonjour. Après avoir fait une recherche infructueuse sur le forum, j'en viens à poster un nouveau sujet.

J'ai une classe menutitle dans ma feuille de style:

.menutitle {
	background: url(/images/menutitle.png);
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 8px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 4px;
	width: 150px;
	height: 16px;
}

Et je l'apelle dans ma page par le biais de :

<div class="menutitle">Titre de menu</div>

Et alors là j'ai cherché plusieurs heures pourquoi tout fonctionne correctement, SAUF la propriété vertical-align...

J'ai regardé dans les classes et les ids parents mais il n'y a aucune propriété modifiant l'alignement du texte.

Merci de m'éclairer un petit peu.
Modifié par Fridge (21 Apr 2008 - 12:45)

Bonjour.

Ça ne "marche" pas parce que cette propriété ne s'utilise pas de cette façon. Voir FAQ xHTML/CSS - Comment centrer verticalement un élément ? pour plus d'informations.

Ah effectivement, je ne connaissais pas line-height. Merci infiniment !

Fridge a écrit :
Ah effectivement, je ne connaissais pas line-height. Merci infiniment !

De rien.

Par contre ( et loin de moi l'idée de remplacer les modérateurs ) mais pourrais-tu éditer ton premier message pour entourer le code des balises appropriées pour qu'il apparaisse comme ceci s'il te plaît :

ici ton code

Voilà c'est fait. Et tout fonctionne parfaitement. Décidément, j'adore ce forum.