Feuilles de style CSS - Listes

Vous en avez assez des listes à puces avec le traditionnel "-" ou "•" alors voici comment changer l'esthétique de vos pages. A vous de choisir votre puce personnalisée sur un site d'images, voire de créer votre propre puce.

Le fichier de cette puce est généralement au format ".gif" pour gérer l'aspect transparent sur un éventuel fond de page. Par contre, évitez une taille trop grosse (c'est-à-dire supérieure à celle du texte)

Petit conseil pour écarter la puce du texte, insérer des pixels "transparents" à droite de la puce avant son enregistrement.

Code en page CSS

ul {

list-style-image : url(../Images/Fleche.gif);

margin-left : 80px;

margin-right : 30px;

margin-top : 6px;

}