Liste bullets differentes selon les pages
Résolu
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
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'); }
-
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 ! -
dans le html
<li class="classvert"><span .......
<li class="classrouge"><span ......
-
merci bcp pour ton aide, cela marche !
calinette
