[Résolu] Problème avec text-overflow: ellipsis

Bonjour à tous,

J'essaie sans succès de faire fonctionner text-overflow:ellipsis avec des éléments de liste pour un menu.

Et j'essaie d'appliquer le code suivant en éditant la CSS avec Firebug pour modifier le deuxième menu horizontal (en gris) :

#portal-globalnav li {
max-width:160px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
} 

Je n'arrive pas à obtenir les points de suspension quand les li débordent de la taille maximum spécifiée. J'ai tenté de changer la valeur de display à block ou inline-block sans succès pour les li et le ul#portal-globalnav et là je cale complétement.

Si quelqu'un a une idée je suis preneur
Merci !

++
Modifié par tom_sawyer (13 Jun 2012 - 09:56)

Bonjour,
Applique ton overflow et text-overflow sur l'élément a de ton li.

Merci beaucoup Gothor, ça marche nickel