Bonjour tout le monde,

J'ai une div :


Code CSS de cette div .

Code : Sélectionner tout - Visualiser dans une fenêtre à part
#sampler { text-align:center; background:white; float:right; width:278px; padding:10px; height:auto !important; border:1px #d0d0d0 solid; color:#9c9c9c; min-height:50px;}
J'aimerais que sur le onmouseover (quand la souris sort d'une liste à puce), que la div devienne grise (#e5e6e8) tout en gardant les autres attributs :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
#sampler { text-align:center; float:right; width:278px; padding:10px; height:auto !important; border:1px #d0d0d0 solid; color:#9c9c9c; min-height:50px;}
Voici mon code jquery :


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function() {		
 
		//affiche les images en sampler (dans l'index, je montre quelques panneaux de chaque catégories)
 
		$('.li_index').mouseover(function() {
		var id = $(this).attr('id');
		$('#sampler').html('<img src="sampler/'+id+'" alt="'+id+'" />'); // il manque ici l'extension de l'image
 
	})
	$('.li_index').mouseout(function() {
	$('#sampler').html('');
Merci d'avance pour votre aide.

beegees