28173 sujets

CSS et mise en forme, CSS3

Tout est dans le titre en fait.

Voici mon code, je cherche le meme pour les carré (html).
ul {
    list-style-type: disc;
    list-style-image: url(image/puce.gif);
    list-style-position: inside;
padding-left: 5px;
   }


je suppose que c'est le mot "disc" qu'il faut changer...

merci de votre aide
Bonsoir,

square

(Une remarque en passant: c'est amusant, il y a deux ou trois zans (cf message ci-dessous), dans ce cas là, on balançait froidement l'url de la spécification en guise de réponse... Comme quoi, il y a du mieux Smiley ravi )
Modifié par Laurent Denis (30 Aug 2006 - 22:08)
Ca ne fonctionne pas. j'ai mis ce code et toute mes puces deviennent ma seconde image (puce1).
ul {
    list-style-type: disc;
    list-style-image: url(image/puce.gif);
    list-style-position: inside;
padding-left: 5px;
   }

ul {
    list-style-type: square;
    list-style-image: url(image/puce1.gif);
    list-style-position: inside;
padding-left: 5px;
   }

grrrrrr
Modifié par nelumbo (30 Aug 2006 - 22:43)
Bah si ça fonctionne....
Tu redéfinie ul donc normal que tes ul se comportent comme comme spécifié dans le deuxième bloc... Smiley rolleyes

/Edit/
Hm je crois que je viens de comprendre ta question : il n'est pas possible de faire interprêté à une CSS que dans le cas où tu utilises un carré, il faut qu'elle utilise "image1" mais que dans le cas où tu utilises un cercle, il faut qu'elle utilise "image"...
sans faire l'économie de deux classes différentes, par exemple :

ul.rond {
    list-style-type: disc;
    list-style-image: url(image/puce.gif);
    list-style-position: inside;
padding-left: 5px;
   }

ul.carre {
    list-style-type: square;
    list-style-image: url(image/puce1.gif);
    list-style-position: inside;
padding-left: 5px;
   }

Modifié par cktoon (31 Aug 2006 - 13:57)