Cadre autour d'images, sauf smilies

Discussion dans 'Web, design' créé par Arnoz, 8 Avril 2006.

Statut de la discussion:
Fermée.
  1. Offline
    Arnoz Touriste
    C'est possible de faire une "règle" en CSS pour que toutes les images dans telle partie aient un cadre automatiquement ajouté (ça ça fonctionne, ".post img") mais que les smilies n'aient rien autour?!
    Arnoz, 8 Avril 2006
    #1
  2. Offline
    II phl II Touriste
    au lieu de modifier toutes les images appartenant à cette partie, ne modifie que les images appartenant à une classe

    expl :

    HTML
    <img class="pin" src="..." /> (image)
    <img src="..." /> (smiley)

    CSS
    .pin {
    border: thin solid Blue;
    }

    Si tu ne peux/veux pas passer ton tps à ajouter un attribut class aux balises img ou si c'est pour un forum ou toute autre page dynamique ... je ne vois pas trop comment tu pourrais appliquer une règle css aux images "classiques" et ne pas l'appliquer aux smiley (vu qu'ils sont incrustés également par la balise img)
    II phl II, 8 Avril 2006
    #2
  3. Offline
    Arnoz Touriste
    Evidemment, j'y avais pas pensé... J'ai fait une classe spcéiale pour les smilies, et eux ont pas de bordure du coup.
    Merci!
    Arnoz, 8 Avril 2006
    #3
  4. Offline
    Arnoz Touriste
    Et tant qu'on est dans les CSS:

    Code:
    .post ul li:before, #sidebar ul ul li:before {
    	content: url(images/li.gif);
    	}
    Ce code affiche une image (li.gif) après chaque balise <li> dans la partie "post" et "sidebar". Est-il possible d'ajouter un espace après l'image li.gif?
    A part modifier l'image sinon...
    Arnoz, 8 Avril 2006
    #4
Statut de la discussion:
Fermée.