Menu horizontal : les puces disparaissent

Bonjour,

j'ai créé un menu tout simple.

A partir du moment où j'ai défini display:inline dans mon li, le menu s'est bien positionné à l'horizontale mais les puces ont disparu.

Je peux bien entendu classiquement importer mon image de puce entre chaque item mais je ne pense pas que ce soit la solution "officielle"...

Bonjour,

Les puces sont liés à un élément en "display: list-item;" (ce qui est le rendu par défaut d'un élément <li>). En lui donnant un "display: inline", tu lui enlève son comportement par défaut pour lui donner celui d'un élément en ligne (sans puce donc).

Tu pourrais donc évidemment déclarer une image de puce en background, ou alors utiliser float au lieu d'inline.

Voilà un exemple où j'applique un "display: list-item;" à un élément <p>, et ce dernier se retrouve avec une puce:

http://dabblet.com/gist/1658659

Meci beaucoup Vaxilart pour cette précision et la version en background fonctionne !

Par contre, je n'ai pas trouvé la solution en utilisant un float à la place d'inline.

Mais j'ai un solution qui fonctionne et je n'en demande pas trop

Peut-être as-tu simplement fait une erreur de syntaxe ? C'est relativement simple pourtant, tu peux regarder ce code:

http://dabblet.com/gist/1659852

ok, ça fonctionne ! du coup, j'ai l'embarras du choix
Merci Vaxilart et bonne fin de soirée ou début de matinée