Bonjours
j'ai un petit soucis avec les "fonctions" mouseover et mouseout sur un Div contenant 2 balises a... voici un exemple simplifié de ce que je veux faire (ne faites pas attention a l'exactitude du code):
1 2 3 4 5
|
<div class="classDiv" onMouseOver="style.backroundColor='red'" onMouseOut="style.backroundColor='white'>
<a href="URL">nom lien 1</a>
<a href="URL">nom lien 2</a>
<div> |
sachant que dans mon CSS j'ai
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
|
.classDiv {
text-align:center;
border-color: orange;
border-width: 1px;
}
.classDiv a{
color: orange;
text-decoration: none;
}
.classDiv a:hover{
color: black;
text-decoration: underline;
} |
donc au final ce que j'attend à avoir est la chose suivante:
quand le curseur de la souri passe sur le DIV le fond devient rouge :
onMouseOver="style.backroundColor='red
et quand je le quitte il devient Blanc.
onMouseOut="style.backroundColor='white'
Et quand je passe sur l'un des liens à l'intérieur du DIV, le fond reste donc rouge mais le lien
, qui au départ est orange non souligné
1 2 3 4
| .classDiv a{
color: orange;
text-decoration: none;
} |
,devient noir et surligné
1 2 3 4
| .classDiv a:hover{
color: black;
text-decoration: underline;
} |
mon problème et le suivant :
lorsque je rentre dans le div, le fond change bien de couleur,
lorsque je passe sur le premier lien c'est tjs bon (soulignement + couleur noir)
MAIS lorsque je quitte le premier lien pour aller sur le 2nd SANS QUITTER LE DIV..!!!..... le onMouseOut du DIV est "actionné" du coup je repasse sur un fond blanc dans mon div alors que je suis encore dedans.
j'ai l'impression que le code est mal interprété
il tombe sur une balise fermante (celle du lien en l'occurrence) et actionne le Mouseout ou lieu de l'actionner sur la balise fermante du DIV...
que puis-je faire please.......
Partager