[Résolu] Image différente pour des listes , comment puis je faire ?

Bonsoir,

Je souhaite attribuer à chaque <li> une image différente, auriez vous une piste? car je m'arrache les cheveux.

Une autre petite difficulté rencontrée : centrer un menu horizontal dans la largeur soit dan un div plus grand ???

merci pour votre aide

Isa oui.
Modifié par isaoui (04 Jun 2008 - 13:50)

Bonsoir Isaoui!

Peut-être en attribuant un id différent à chaque <li> et en définissant ainsi leur style en css:

li#element1 { background: url(images/image1.gif) top left no-repeat; }
li#element2 { background: url(images/image2.gif) top left no-repeat; }
li#element3 { background: url(images/image3.gif) top left no-repeat; }

etc.

Bonjour,

je vais commencer à réflechir à partir de sa proposition...merci
J'oubliais ces <li> sont des lienset l'état de cette image changera en fonction de l'état du <a>...

si vous avez d'autres idées...je suis preneuse...merci

Pourquoi on ne peut pas positionner un <ul> dans un <div> avec la méthode margin:0 auto; ??afin qu'il soit centré et ce de façon horizontal an attribuant un display au <li> composant le <ul>

Merci pour vos réponses.

Isa.

Salut Isa et bienvenue ,

tu pourrais peut-être t'inspirer de ce tuto : Un menu graphique, avec rollover mais sans javascript.

A+

Bonjour,

Merci pour ton accueil Heyoan et merci pour votre participation.

Il est vrai que je poiuvais résoudre mon souci de cette façon ( suivant l'article mentionné par Heyoan), A croire que je cherhais à compliquer les choses, Avant de structurer une feuille de style, faudrait que je structure mes idées.

En tout cas cela ma remis les idées au claire.

Merci.

Isa.