28173 sujets

CSS et mise en forme, CSS3

Bonjour

Concernant une liste UL, est-il possible d'avoir une certaine couleur pour la puce et une couleur distincte pour le texte en face ? Mes tests restent peu concluants... Smiley decu

Merci pour votre aide
Tu peux tout simplement donner une couleur par défaut à ta liste et englober le texte des tes éléments de listes pour modifier la couleur:

[#black][b]HTML[/b][/#]

<ul>
<li><span>Mon texte</span></li>
<li><span>Mon texte</span></li>
<li><span>Mon texte</span></li>
</ul>

[#black][b]CSS[/b][/#]

ul {color:red;}
span {color:green;}
Effectivement, mais j'aurais du le preciser, le probleme c'est que je ne peux agir que sur le CSS, le texte etant saisi via un editeur WYSIWYG par des redacteurs qui ne sauront pas rajouter les SPAN dans le code Smiley decu
Modérateur
Bonsoir,

On peut essayer de tricher sur la premiere ligne par exemple:
ul {color:red;}
li:first-line {color:green}

La deuxieme ligne reprendra la couleur de la puce.

GC
Modifié par gcyrillus (10 Oct 2007 - 22:58)
Alors verdict avec ton CSS uniquement :
- sous IE : tout est vert
- sous Firefox : les puces sont rouges et les textes sont verts

Ceci dit, souhaitant une couleur distincte par puce, j'ai teste ca avec succes sous Firefox :



<style type="text/css">
<!--

ul li {
	list-style-type: disc;
	color: #0000CC;
}
ul li ul li {
	list-style-type: disc;
	color: #00CC00;
}
ul li ul li ul li {
	list-style-type: disc;
	color: #CC0000;
}
ul li ul li ul li ul li {
	list-style-type: disc;
	color: #0000CC;
}
ul li ul li ul li ul li ul li {
	list-style-type: disc;
	color: #0023CC;
}
li:first-line {color:black}

-->
</style>





<ul>
  <li>je
    <ul>
      <li>tu
        <ul>
          <li>il 
            <ul>
              <li>ddd
                <ul>
                  <li>ddd</li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
  <li>eux</li>
</ul>



Avec FF, c'est precisement le resultat que j'attendais ! donc merci pour l'idee, excepte que sous IE, la couleur est uniforme Smiley decu donc c'est a moitie bon....

Je crois qu'avec IE, on ne peut pas esperer mieux Smiley fache
Modérateur
arf , ce ie Smiley smile .

Sinon , si tu as la possibilité et que tu n'affiche que des puces "géometrique" , il te suffit alors de les transposées en images , un petit gif transparent reproduisant un cercle n'est pas trés lourd et ça passe partout .

GC