Liste bullets differentes selon les pages
Résolu
calinette2611
Messages postés
32
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
bonjour
j'ai des menus de couleurs differentes
je voudrais donc selon mes pages avec des couleurs de bullets differentes pour mes listes
dans mon code j'ai:
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
{
content: url('../images/postbullets.png');
la bullet est rouge
je voudrait sur une deuxieme page avoir une bullet verte et sur une autre une bullet orange
vous pouvez m'aider ?
merci
calinette
j'ai des menus de couleurs differentes
je voudrais donc selon mes pages avec des couleurs de bullets differentes pour mes listes
dans mon code j'ai:
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
{
content: url('../images/postbullets.png');
la bullet est rouge
je voudrait sur une deuxieme page avoir une bullet verte et sur une autre une bullet orange
vous pouvez m'aider ?
merci
calinette
A voir également:
- Liste bullets differentes selon les pages
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Liste code ascii - Guide
- Site dangereux liste - Guide
- Comment supprimer les pages vides sur word - Guide
4 réponses
salut
tu mets des class différentes aux li selon la page
.classrouge:before {
content: url('../images/bulletrouge.png'); }
.classvert:before {
content: url('../images/bulletvert.png'); }
etc
pense que tu peux utiliser list-style-image comme puce de liste au lieu de before content
ex
.classrouge {
list-style-image: url('../images/bulletrouge.png'); }
tu mets des class différentes aux li selon la page
.classrouge:before {
content: url('../images/bulletrouge.png'); }
.classvert:before {
content: url('../images/bulletvert.png'); }
etc
pense que tu peux utiliser list-style-image comme puce de liste au lieu de before content
ex
.classrouge {
list-style-image: url('../images/bulletrouge.png'); }
merci pour ta réponse.
je vois bien ce qu'il faut que je rajoutes au niveau de la css.
mais au niveau de mon html qu'est ce que je rajoutes/modifie ?
aujourd'hui voilà mon code:
<ul>
<li><span style="font-family: Quicksand, sans-serif; color: #595149; text-align: justify;">Le cabinet se situe à Meudon, Hauts de Seine.</span></li>
<li><span style="font-family: Quicksand, sans-serif; color: #595149; text-align: justify;">Une séance dure une heure et coûte 60 euros.</span></li>
</ul>
Merci !
je vois bien ce qu'il faut que je rajoutes au niveau de la css.
mais au niveau de mon html qu'est ce que je rajoutes/modifie ?
aujourd'hui voilà mon code:
<ul>
<li><span style="font-family: Quicksand, sans-serif; color: #595149; text-align: justify;">Le cabinet se situe à Meudon, Hauts de Seine.</span></li>
<li><span style="font-family: Quicksand, sans-serif; color: #595149; text-align: justify;">Une séance dure une heure et coûte 60 euros.</span></li>
</ul>
Merci !