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
        

      soyez le premier à réagir à cette information.
    Ajouter un commentaire
     
    Objet:
       
    Nom:
    E-mail:
    Site Web:
     
    (pas d'HTML - les liens sont convertis si ils sont préfixés par http://)
     
    se souvenir?