WebForge Sàrl

: styler les listes à puces

styler les listes à puces

utiliser un caractère à la place du bullet-point standard:

le caractère doit être entre guillemets, donc on doit ajouter des guillements double autour des guillemets

<css selector='.wiki ul' list-style-type="'-'"/>

ou: avec un bullet plus petit que le bullet standard:

<css selector='.wiki ul' list-style-type="'• '"/>

utiliser une image à la place du bullet-point standard:

déclarer un background pour pouvoir uploader l'image (png) dans le template

<background name='bullet-point' level='0' repeat='no-repeat'/>

possibilité 1:

utiliser list-style-image de ul

<css selector='.wiki ul' list-style-image='url(bullet-point)'/>

possibilité 2:

ajouter un background au li, et retirer le bullet-point (permet de mieux gérer l'alignement)

<css selector='.wiki ul li' background='url(bullet-point) no-repeat left center' list-style='none' padding='3px 0px 3px 35px' margin='0' vertical-align='middle' />
Editer