Page 1 sur 1
CSS couleur puces différente couleur texte
Publié : 06 déc. 2006, 17:41
par tinus975
est-il possible, dans la feuille de style, de définir une couleur différente pour les puces d'une liste et le texte de la liste... je sais faire dans le code html en encadrant chaque ligne de la liste par une balise de couleur, mais jaimerais l'intégrer dans la feuille de style.
Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/418.9.1 (KHTML, like Gecko) Safari/419.3
Publié : 06 déc. 2006, 17:54
par Ymai
Bonjour
Avec une puce "image"? A priori, je ne vois pas d'autre méthode.
Publié : 06 déc. 2006, 22:24
par Mongo Bob
Un <span> colore le texte à l'intérieur de chaque <li> et cette mise en forme de <span> intègre le css.
La puce n'est pas prise en considération par le <span> et gardera la couleur texte déterminée dans <li>.
html :
Code : Tout sélectionner
<ul id="ulessaigecko">
<li><span class="coltext">Gecko et nous</span>
</li>
Dans le css, couleur texte de <li> est noir et couleur texte de ".coltext" est rouge, la puce est noire, le texte est rouge. Pour chinon 37 et Ymai :
PS Pourvu que ça marche!
Publié : 06 déc. 2006, 23:28
par Ymai
Pas mal!!
Publié : 06 déc. 2006, 23:36
par Mongo Bob
Ymai a écrit :Pas mal!!
Hein? Mais qu'est-ce qu'ils ont, aujourd'hui? Ils s'attendrissent, avec l'âge?...C'est trop!
PS Enfin "c'est trop", faut pas exagérer, après tout...
Publié : 07 déc. 2006, 09:25
par chinon37
m'ouais, correct
Publié : 07 déc. 2006, 15:01
par tinus975
Mongo Bob a écrit :Un <span> colore le texte à l'intérieur de chaque <li> et cette mise en forme de <span> intègre le css.
La puce n'est pas prise en considération par le <span> et gardera la couleur texte déterminée dans <li>.
html :
Code : Tout sélectionner
<ul id="ulessaigecko">
<li><span class="coltext">Gecko et nous</span>
</li>
Dans le css, couleur texte de <li> est noir et couleur texte de ".coltext" est rouge, la puce est noire, le texte est rouge. Pour chinon 37 et Ymai :
PS Pourvu que ça marche!
Merci pour cette astuce, et en fait en essayant j'ai trouvé plus simple, parce que je ne vous avais pas tout dit : les textes de ma liste sont des liens, si je choisis une couleur différente de ma liste pour <a>, les puces restent de la couleur définie pour <li>
mais je garde l'idée du span pour un texte sans lien.
Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/418.9.1 (KHTML, like Gecko) Safari/419.3