CSS couleur puces différente couleur texte

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

tinus975
Salamandre
Messages : 28
Inscription : 04 déc. 2006, 22:17

CSS couleur puces différente couleur texte

Message 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
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Bonjour
Avec une puce "image"? A priori, je ne vois pas d'autre méthode.
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message 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 : 8-)
PS Pourvu que ça marche!
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Pas mal!!
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message 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! :oops:











PS Enfin "c'est trop", faut pas exagérer, après tout...
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

m'ouais, correct :roll:
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
tinus975
Salamandre
Messages : 28
Inscription : 04 déc. 2006, 22:17

Message 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 : 8-)
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
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Majestic-12 [Bot] et 3 invités