Discussion :

[musicann]

Bonjour à tous !!
J'ai un petit problème, je cherche à faire faire changer le background d'une case au survol de la souris..
J'utilise donc un code de ce type

Code css :

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

1
2
3
4
5
6
 
 
.list_fichier span:hover  
{
	background : grey;
}

appliqué au code php/html suivant

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
 
 
<div class="list_fichier">
     <br/>
     <span> 
         <span class="underline">
                - '.$donnees_sous_cat['nom'].'
         </span>
         <span class="petit_text"> 
             ( créé le '.$date.')
          </span>
         <img src="boutons_png/b_edit.png"/>
          &nbsp;&nbsp;&nbsp;
          <img src="boutons_png/b_drop.png"/>
      </span>
</div>

Le problème est que cela fonctionne parfaitement avec FF mais avec IE nada... Rien!! j'ai beau passé ma souris sur le bloc il ne se colore pas.. Comment cela se fait -il??

Je suis avec IE6 (obliger, l'entreprise ne veut pas passer au 7.. Va savoir pourquoi...)

[Invité]

T'as essayé de mettre une code pour la couleur ? Genre background-color: #cccccc; ?

[musicann]

je viens d'essayer, rien ne change....

[E.Bzz]

Bonjour,
il me semble qu'IE 6 est un peu "limité" en terme de pseudo-format.
Le :hover fonctionne sur <li><a> , mais pas grand'chose d'autre ...

A+

[Auteur]

Bonjour,
il me semble qu'IE 6 est un peu "limité" en terme de pseudo-format.
Le :hover fonctionne sur <li><a> , mais pas grand'chose d'autre ...

A+

je serais plus restrictif E.Bzz : avec IE hover ne fonctionne que sur les balises <a> (pas sur les balises <li>)

pour les autres balises, il faut passer par le javascript

Code html :

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

1
2
 
<span class="classOut" onmouseover="this.className='classOver'" onmouseout="this.className='classOut'">bla bla</span>

Code css :

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

1
2
3
4
5
6
7
8
9
 
.classOver{
 background-color: #AAAAAA;
 color: #FFFFFF;
}
 
.classOut{
 color: #000000; 
}

[E.Bzz]

je serais plus restrictif E.Bzz : avec IE hover ne fonctionne que sur les balises <a> (pas sur les balises <li>)

[COUPAGE DE CHEVEUX EN 4]
C'était peut-être juste une erreur d'interprétation de ma part.
Ce que je voulais dire c'est que :

Code :

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

1
2
3
4
5
6
li a {
	background-image:url(../image/puce.gif);
}
li a:hover{
	background-image:url(../image/puce_s.gif);
}

fonctionne sous IE 6.
Il permet de changer la puce du <LI> (si je puis dire )
C'est donc effectivement un :hover sur <A> ... mais qui impacte <LI> ...
[/COUPAGE DE CHEVEUX EN 4]

A+

[musicann]

Merci à tous pour vos réponses, je pense que je vais utiliser le javascript, c'est une méthode intéressante