Discussion :

[stevench]

Bonjour,

Je galère depuis quelques jours pour réaliser un hover sur une div, pour être plus clair, lorsque la souris survole un menu, le contenu de droite doit avoir une opacité, mais cela semble posé problème étant donné que la div contenant le menu et celle du contenu de droite ne sont pas imbriquée :s

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<div id="menu"></div>
<div id="contenu-de-droite"></div>

Comment faire pour que l'apparence de la div "contenu-de-droite" change lors du survole de la souris sur la div "menu" ? dois-je passer par du javascript ? Merci pour votre aide.

[SpaceFrog]

dois-je passer par du javascript ?

C'est une possibilité, tout depend du changement d'apparence que tu souhaites.

Sinon en css il y a :hover qui me semble-t-il dans les versions récentes peut s'appliquer à un div

[stevench]

Le problème est que le javascript et moi ça fait deux

je voulais passer par le :hover, mais ça fonctionne que dans ce schéma

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="menu">
<div id="contenu-de-droite"></div>
</div>

Mais je ne veux pas que les div sont imbriquées.

[SpaceFrog]

avec css oui ...
sinon faut passer par js

[stevench]

Tu n'aurais pas un début de code js ? ou un tuto accessible sur le net ?

[SpaceFrog]

regarde du coté de mouseenter en mouseleave ...