28220 sujets

CSS et mise en forme, CSS3

Bonsoir,

Comment rajouter une image de fond différente derrière chaque <li></li>.

Je connais cette méthode pour les menus :

a écrit :
<ul id="menu">
<li><a href="#">item n°1</a></li>
<li><a href="#">item n°2</a></li>

<li><a href="#">item n°3</a></li>
<li><a href="#">item n°4</a></li>
<li><a href="#">item n°5</a></li>

</ul>


Mais comme on voit, c'est une image de fond unique pour chaque <li></li>

Une idée ? merci
Modifié par kouiny (26 Aug 2006 - 22:55)
Il s'agit d'une image de fond, donc d'une simple décoration esthétique qui n'apporte pas d'information capitale, ou qui tout au plus se contente de renforcer l'information déjà disponible via le code du menu ?

Alors on créer un style différent (classe ou même identifiant) pour chaque item de liste (li), et on attribue une image de fond à chaque via la propriété CSS background.

S'il s'agit d'une image de contenu, elle doit apparaître dans le code, et le problème ne se pose plus. Smiley smile