Changer la couleur de plusieurs lien via la css

Changer la couleur de plusieurs lien via la css - HTML/CSS - Programmation

Marsh Posté le 29-03-2005 à 12:21:30    

Bonjour, j'ai un petit menu comme suit :
 

Code :
  1. <div id="menu_langue">
  2.     <ul id="BlocMenu_langue">
  3.       <li class="ItemMenu_langue"><a href="" title="Nederland" class="menu">Francais </a></li>
  4.       <li class="ItemMenu_langue_bis"><a href="" title="Nederland" class="menu">Nederland </a></li>
  5.       <li class="ItemMenu_langue_bis"><a href="" title="English" class="menu">English</a></li>
  6.     </ul>
  7.   </div>


 
 
j'aimerai que le ItemMenu_langue soit en NOIR et que le ItemMenu_langue_bis soit de couleur grose (le texte donc).
 
Je pensais dans ma css mettre simplement :
 

Code :
  1. li.ItemMenu_langue {
  2. color: #99FF33;
  3. li.ItemMenu_langue_bis {
  4. color:#CCCCCC;
  5. }


 
Mais rien a y faire il prend juste en compe la couleur du  
 
{code]
a {
 text-decoration:none;
#00000;
 
 }
[/code]
 
 
Que faire pour changer la couleur d'un lien a volonté dans mon cas sans etre limite par le 'a' ?
 
 

Reply

Marsh Posté le 29-03-2005 à 12:21:30   

Reply

Marsh Posté le 29-03-2005 à 12:23:16    

dans ton code tu as des id pas des classes!
 

Code :
  1. li#ItemMenu_langue a {
  2. color: #99FF33;
  3. li#ItemMenu_langue_bis a {
  4. color:#CCCCCC;
  5. }


 
et a pour cibler les liens


Message édité par simogeo le 29-03-2005 à 12:24:05

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 29-03-2005 à 12:23:20    

li#ItemMenu_langue a {


Message édité par FlorentG le 29-03-2005 à 12:23:34
Reply

Marsh Posté le 29-03-2005 à 12:26:49    

:sweat:  
 
Plein de trucs à reprendre...
 
1- Que sont itemmenu_langue et itemmenu_langue_bis, combien de chaque peux tu trouver?
Si l'un des ces deux groupe ne comporte (au maximum) qu'un élément, il faut lui donner un "id" et rien à son camarade
2-

<div id="menu_langue">  
    <ul id="BlocMenu_langue">  


Le fait d'avoir 2 fois de suite un "id" est probablement inutile (as tu plusieurs menus "ul" dans ton div?) de plus le "div" en lui même n'est probablement pas utile ( veux tu réaliser un effet graphique spécial qui requiert le div?)
3- li.classe {color: #XXXXXX;} va changer la couleur du texte contenu dans le li.
Pas de bol, ici ton texte n'est pas dans le "li" mais dans le "a" qui est compris dans le "li", il te faut donc faire...

li.classe a


 
Et accessoirement les classes "menu" sur tes "a" sont totalement inutiles (et pour le coup je ne vois pas comment ils pourraient avoir le moindre intérêt)

simogeo a écrit :

dans ton code tu as des id pas des classes!
 

Code :
  1. li#ItemMenu_langue a {
  2. color: #99FF33;
  3. li#ItemMenu_langue_bis a {
  4. color:#CCCCCC;
  5. }


 
et a pour cibler les liens


Il y a plusieurs "li" qualifiés de "ItemMenu_langue_bis" :o


Message édité par masklinn le 29-03-2005 à 12:42:31

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed