getElementById et balises <a>

bonjour,
j'ai un probléme de création d'un petit truc en javascript.
 
En gros pour le moment ce que j'ai fait, c'est qu'en onMouseOver je change la classe d'un autre element html ( un lien texte dans une liste ) avec le getElementById. ça marche plutot bien sauf qu'il ne prend pas en considération le lien et applique seulement la nouvelle classe sur la liste et nom sur le lien.
 
donc en gros je récapitule, j'ai des div et quand je passe ma souris au dessus de celles çi, j'aimerai que mes <a> dans mes <li> changent de couleur.
 
ça c'est les classes css :
 
 
listeactif {
background-color:#F4F4F4;
color:#000000;
}
 
listeinactif{
color:#929181;
background-color:#FFFFFF;
 
}
 
 
 
ça c'est mon lien dans une li qui me pose problème :
 
<li id="liste6" class="listeinactif" onmouseover="document.getElementById('carre6').className='boiboite2';">< a href="#"> Vaisselier Louça </a> </li>
 
 
et là c'est je pense la cause de mon problème, étant un piètre codeur je ne vois pas comment changer la couleur du lien et le fond la <li> en passant sur la <div> en question :
 
<div id="carre6" class="boiboite" onmouseover="document.getElementById('liste6').className='listeactif';"> </div>
 
 
parce que là moi je change juste la classe de la <li> et pas celle de mon <a> ...
 
j'espers que je suis assez clair ...
merci d'avance

C'est uniquement une "erreur" (si on peut appeller ça comme ça) de CSS.

Essai celà :

.listeactif {
     background-color:#F4F4F4;
     color:#000;
}
.listeactif a{
     color: #000;
}
 
.listeinactif{
     color:#929181;
     background-color:#FFFFFF;
}
.listeinactif a{
     color:#929181;
}

Salut et merci pour ta réponse aussi rapide :)
Je comprend maintenant et en effet cette 'erreur' me parrai en effet assez logique puisque je swap une classe par une autre les atributs ' a ' devrait aussi marcher. OR là ça ne fonctionne pas, je suis complètement désappointé. J'essai depuis une petite plombe d'essayer de regler ce probléme et ça commence sévère à m'ennuiner...

Regarder sur ce site ( je suis en train de le faire ) , dans la rubrique ' portfolio ' et vous remarquerez que l'orsque je passe sur un carré 'div' le lien qui est censé devenir noir ne devient pas noir.*chier*. Or les autres element de la liste qui eux, deviennent noir, ne sont pas en liens (sachant que les liens dans les listes sont pour moi nécéssaires ).

Bref je suis preneur, si vous avez une solution.
Gros bisoux.

Le site en question est ici : > http://nicolaslibeaut.fr

Bonjour,

c'est parce que tu as certains éléments "li" qui contiennent un élément "a" et d'autres pas !
Soit tu définis 2 css, ceux avec élément "a" et sans élément "a".
Soit tu mets à tous tes éléments "li" un élément "a".

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
Mon Blog