list-style-image (exemple de puces avec images)

mercredi 8 juin 2011  

li { list-style-type: none; /* on annule la puce par défaut */ background-image: url(puce_ca_bleu.gif/$file/puce_ca_bleu.gif); /* on affiche l'image souhaitée */ background-repeat: none; /* on annule la répétition par défaut */ background-position: left center; /* on positionne où l'on veut */ padding-left: 20px; /* pour éviter la superposition du contenu */ }
  • première
  • seconde
  • li {
      list-style-type: none; /* on annule la puce par défaut */
      background-image: url(puce_ca_bleu.gif/$file/puce_ca_bleu.gif); /* on affiche l'image souhaitée */
      background-repeat: none; /* on annule la répétition par défaut */
      background-position: left center; /* on positionne où l'on veut */
      padding-left: 20px; /* pour éviter la superposition du contenu */
    }
  • première

  • seconde

  • fil
         0