[Résolu] Sign (+) avec list style ?

bonjour,

quelqu'un à une idée de comment on peut faire le signe + en list style sans utiliser d'images ?
Modifié par blond1n (15 Nov 2013 - 12:29)

???


li:before {
content: "+";
margin-right: 4px;
}

?????

avec le before je n'ai pas la fonction list style, l'alignement du texte... .

Bonjour

blond1n a écrit :
quelqu'un à une idée de comment on peut faire le signe + en list style sans utiliser d'images ?

Oui, toi:

blond1n a écrit :

li:before {
content: "+";
margin-right: 4px;
}

Je crois que tu as ta réponse Sinon peut-être une question plus claire?

before c'est bien mais.. . il ne garde pas la séparation entre la liste et la puce.. j'ai bidouillé un peu..

li:before {
    content: "+";
    margin-left: -15px;
    margin-right: 5px;
}

salut,
bin c'est bien la solution que tu proposes mais je suppose que tu n'auras pas besoin de marges négatives.

bé si jene mets pas la marge négative quand le texte revient à la ligne il ne garde pas le style de list-style, les puces d'un côté le texte de l'autre.. .

exemple :

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra
nisl quis diam volutpat eleifend.
+ Proin gravida turpis non lobortis mattis.
+ Nam malesuada dui et ligula fermentum, quis dictum augue aliquam.
+ Curabitur eu augue sagittis, ultricies purus eu, commodo dui.
+ Sed non dui ac eros rhoncus tristique in vel eros.

avec la mage négative ça fonctionne..

Ou plus "proprement"

li {position:relative;list-style:none;padding-left:15px;}
li:before {content:"+";position:absolute;top:0;left:0px;}

nettement plus propre !

Je n'ai pas mis de top:0; je n'en avais pas besoin.. Je n'avais pas encore pensé à utiliser les positions pour ce genre de truc ! je retiens la solution merci de ta réponse