Journal Des images dans les puces

Posté par  .
Étiquettes : aucune
0
1
juil.
2003
Bonjour à tous,

je suis face à un problème que j'arrive pas à comprendre : les images dans les puces.

Rien de bien compliqués pourtant :
un simple list-style-image: url(puce.png); fait l'affaire me direz-vous...

et pourtant !

J'ai défini ma classe comme ceci :

li.coeur
{
list-style-image: url("pics/puce_coeur.png");
display: list-item;
}

mon image est bien dans le dossier, elle fait 15x17px et elle est accessible.....et pourtant pas moyen de la voir s'afficher ??!!

Quelqu'un pourrait m'expliquer ?

  • # Re: Des images dans les puces

    Posté par  (site web personnel) . Évalué à 0.

    pas de " pour les url des images
    <http://www.openweb.eu.org/(...)</a>>

  • # Re: Des images dans les puces

    Posté par  . Évalué à 1.

    Chez moi ça fonctionne en mettant le list-style-image dans le style des éléments
      ou , pas
    • .

      ul
      {
      list-style: circle;
      }

      ul.menu
      {
      list-style-image: url('ball.gif');
      }

  • # Re: Des images dans les puces

    Posté par  . Évalué à 4.

    Est-ce que tu as sûr que tes images ne sont pas cachées par un autre calque ? Plus clairement : as-tu fait attention à la propriété list-style-position ?

    Essaie ceci :

    li {
    list-style-position: inside;
    }

    li.coeur {
    list-style-image: url(pics/puce_coeur.png);
    }

    Il faut noter également que le chemin vers l'image est relatif au fichier css.

    • [^] # Re: Des images dans les puces

      Posté par  . Évalué à 1.

      gagné !!!
      C'était le chemin qui fallait écrire en relatif au css !

      Merci beaucoup !

      • [^] # Re: Des images dans les puces

        Posté par  (site web personnel) . Évalué à 1.

        Bin oui et heureusement sinon les urls dans les CSS n'auraient aucun intérêts :)

        L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire

  • # Re: Des images dans les puces

    Posté par  . Évalué à 3.

    une puce en forme de coeur? comme c'est mignon...
    mais dis-moi, tu ne veux pas faire de la concurrence deloyale aux copines de geeks au moins? http://copinedegeek.com/(...)

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.