Modifier la couleur d'un bloc en passant la souris sur un autre bloc

J'aimerai savoir s'il est possible de modifier les propriétés d'un bloc lors du passage de la souris sur un autre bloc.

J'ai un conteneur défini par la class "conteneurmenu" et les blocs pour chaque élément du menu avec la classe "menu".

Il y a 4 blocs "menu" dans le conteneur et j'aimerai que la couleur de fond du conteneur change lorsque la souris passe au dessus d'un bloc menu.

Tout cela a été réalisé uniqument en CSS. On m'a dit qu'à priori, il n'était possible de faire cela en CSS et de voir avec le javascript. Le problème est que je connais strictement rien en javascript. Si quelqu'un pouvait me donner un coup de main...

Merci

C'est vrai qu'en CSS on ne peux pas agir sur les attributs des parents d'un élément.
Le plus simple :
Ajouter id="conteneurmenu" à la suite de la class="conteneurmenu"
Ajouter dans chaque balise de sous-menu :

 onmouseover="documentGetElementById('conteneurmenu' ).className='conteneurover' "
onmouseout="documentGetElementById('conteneurmenu' ).className='conteneurmenu' "

Et dans la feuille de style, tu crées la règle .conteneurover
Modifié par chmel (01 Sep 2006 - 12:24)