[résolu]Différentes images pour mes puces

Bonjour. J'ai un élevage de puces qui s'ennuyent, alors je voudrais leur passer un diaporama...

Bon, d'accord, c pas très drôle.

Mon vrai problème, c'est que j'utilise list-style-image (je suis désolé, modérateurs, je ne mets pas en code pour un mot, mais, si vous insistez, je le ferai ), et j'aimerais faire des classes de puces (les envoyer à l'école...), car j'ai plusieurs listes à puces sur le site.

En fait, c'est sur une page de liens, et je voudrais mettre un petit trèfle ou une fleur pour ceux qui concernent l'environnement, une croche pour ceux qui traitent de la musique, ...

Or, quand j'essaye avec des trucs genre :

li.env{
list-style-image:... . gif
}

et bien, soit ça ne marche pas, soit, avec FF, j'ai des ascenceurs partout !!

J'ai aussi essayé en mettant des classes à ul plutôt qu'à li, mais ça ne marche pas non plus, et en les entourant d'un p, encore moins !

Voilà mon problème. Je ous avoue que c'est un peu une coquetterie, ce n'est doc pas bien urgent...
Modifié par Malo-net (30 Apr 2005 - 14:03)

bonjour,

Ca serait plus facile avec un lien...

Cordialement,
IlSandor.

Un lien vers ce que je veux faire ?

Ou alors pour regler mon pb je devrais mettre un lien quelquepart ?

Le problème est que ma page est en local.

remarquez c pas dur de l'uploader si ya vraiment besoin...

c exactement de ca que je parle d'un lien pour voir le bug...

Cordialement,
IlSandor.

Alors, voici :

vers la page :

http://malomorvan.free.fr/fr/liens2.html

vers le css :

http://malomorvan.free.fr/style2.css

Mais je ne suis pas sûr que ça apporte grand-chose : il n'y a pas de bug à proprement parler puisque je n'ai même pas mis de puces à mes liens, j'attends de savoir comment faire.

L'idée c'est juste que l'image de la puce soit différente pour les liens de la famille "environnement", ceux de la famille "medias/information(s)", ceux de la famille "accordéon", etc...

bonsoir,

pour résoudre ton problème de façon simple mais conforme, tu peux ajouter ceci

<img alt="le nom de l'image" src="le chemin de l'image.***" />

devant ton lien ( enfin tes liens)

essais et dis nous si c'est bon

amicalement

super ! Merci bcp !

J'aurais du y penser moi-même !

Est-ce que ça a des conséquences néfastes au niveau de l'interpretation sémantique (lynx,...) ?

Lorsque l'on utilise une image en dur devant un lien pour jouer le rôle de puce, il est préférable d'utiliser l'astérisque comme texte alternatif :

<img src="puce.gif" width="9px" height="9px" alt="*" />

Tiens, il me vient une idée

Pourquoi on utiliserait pas une puce (bullet) comme texte alternatif ?

<img src="puce.gif" width="9px" height="9px" alt="&bull;" />

a écrit :
Pourquoi on utiliserait pas une puce (bullet) comme texte alternatif ?

Ca c'est ce que l'on appelle une bonne idée

Ilsandor.