[Résolu] Menu rollover avec plusieurs lignes de texte

Bonjour,

J'aimerai réaliser un menu avec un rollover comme celui proposé dans ce tutoriel :
Une image réactive en CSS avec une seule image.

Seulement, j'ai des textes de menus qui s'étalent sur 2 lignes, et tout de suite c'est pas esthétique .

J'ai essayé avec 2 images, et ça fonctionne, mais pour le bouton sur 2 lignes, le text-indent ne s'applique pas. Et si je mets un padding, ça décale aussi mon image d'arrière-plan

Y a t'il une solution miracle pour :
Que le text-indent s'applique à chaque ligne ?
Que le padding ne s'applique pas au background ?

Ce que je voudrais obtenir :


Alors, suis-je arrivée dans une impasse technique?
Modifié par vanesss (10 May 2007 - 19:23)

Salut,

Pourquoi ne pas mettre le background au <li> au lieu du <a>, ainsi tes liens pourraient avoir tout le padding que tu veux sans que çà ne provoque de décalage

mais ouiiiiiiiiii.... dire que j'ai passé la nuit dessus alors que c'était "évident" !!!


En tout cas milles mercis !