[Résolu] Listes

Statut : non résolu

Ce sujet contient 3 réponses, 2 participants et a été mis à jour pour la dernière fois par gP, le il y a 19 années.

4 sujets de 1 à 4 (sur un total de 4)

Auteur

Messages
13 novembre 2005 à 17 h 37 min #446634

gP
Participant

Chevalier WordPress
358 contributions

Bonsoir,
je souhaiterais remplacer la puce noir des listes par ma puce bleu à moi.
C’est dans les CSS, oui, mais où ?
Et comment je fais ?
Par exemple (mais en plus petit) :
Merci…

14 novembre 2005 à 7 h 39 min #567209
Lobo
Membre

Initié WordPress
13 contributions
La propriété css list-style-image semble être ce qu’il te faut.
Pour remplacer les images de toutes les listes il faut rajouter le code suivant dans ton fichier css.
```
ul{
    list-style-image: url(images/maPuce.gif);
}
```
l’url de l’image peut-être absolue ou relative à l’emplacement du fichier css.

Si tu veux remplacer uniquement une ou plusieurs listes spécifiques il vaut mieux spécifier une class pour les dites listes.

CSS:
```
.maClasse{
    list-style-image: url(images/maPuce.gif);
}
```
HTML:
```
<ul class="maClasee">
   <li>item 1</li>
   <li>item 2</li>
</ul>
```
14 novembre 2005 à 9 h 06 min #567210
gP
Participant

Chevalier WordPress
358 contributions
Lobo wrote:
La propriété css list-style-image semble être ce qu’il te faut.
Si tu veux remplacer uniquement une ou plusieurs listes spécifiques il vaut mieux spécifier une class pour les dites listes.

.maClasse{ list-style-image: url(images/maPuce.gif); }
Merci Lobo. Je vais tester cela. 😎
Y-a pas à dire, quel forum efficace. 🙂
14 novembre 2005 à 9 h 40 min #567211
gP
Participant

Chevalier WordPress
358 contributions
gP wrote:
Lobo wrote:

La propriété css list-style-image semble être ce qu’il te faut.
Si tu veux remplacer uniquement une ou plusieurs listes spécifiques il vaut mieux spécifier une class pour les dites listes.

.maClasse{ list-style-image: url(images/maPuce.gif); }

Merci Lobo. Je vais tester cela. 😎
Génial ça fonctionne : Test Puce bleue
Y-a pas à dire, quel forum efficace. 🙂
Auteur

Messages