Aligner verticalement un txt de une et deux lignes dans un menu liste

Bonjour,

J'ai un menu composé par une liste <ul><li>.
Les <li> ont une hauteur de 30px display:block; et float: left;

Il y a des options sur une ligne et sur deux lignes.

Comment peut on aligner les texte verticalement pour que cela ne choque pas visuellement ?

Mercid'avance

Salut,

a écrit :
Comment peut on aligner les texte verticalement pour que cela ne choque pas visuellement ?

Utiliser un tableau, ou display: table-cell; vertical-align: middle; mais ce n'est pas supporté par tous les navigateurs.

Bonjour,

Se référer à la FAQ pour centrer verticalement un élément.
Pour le reste, différencier les onglets à deux lignes au moyen d'une classe et modifier le code en conséquence.

merci !!

j'ai mis les listes <li> en display:table; et les liens <a> en display:table-cell; et vertical-align:middle; ça marche !

merci encore
Modifié par zbibounette (24 Sep 2008 - 16:04)

[EDIT] ET ZUUUUUUUT

le menu déroulant de chaque option ne marche plus

Salut,

Essaye d'attribuer un line-height à l'un de tes éléments (au hasard li...)

J'espère que ça va t'aider!

Battyboy a écrit :
Essaye d'attribuer un line-height à l'un de tes éléments (au hasard li...)

Ne permet pas de gérer automatiquement les cas où on a tantôt une ligne de texte, tantôt deux, au contraire d'un vrai alignement vertical.