Page 1 sur 1

hover marche pas avec IE

Publié : 29 févr. 2004, 17:55
par DJiK
Dans mon .css j'ai:

Code : Tout sélectionner

tr:hover
{
    background-color: #DFFFDF;
}

Dans Firefox, ça me fait un joli vert clair quand je suis sur la ligne d'un tableau (comme dans phpMyAdmin).
Mais le fond ne change pas de couleur dans IE. :evil:

Normal? Pas inclus dans IE? :?:

Publié : 29 févr. 2004, 18:47
par Rorschach
ie (je l'ecrit même po en majuscule) gère les :hover que sur les balises de lien les "a" :(

Publié : 29 févr. 2004, 22:20
par DJiK
D'accord. C'est ce que je pensais. :( Merci!

Ben tant pis pour les visiteurs sous ie (t'as raison il mérite pas de maj! :lol:) ils verront pas mon joli hover vert clair! :P

Publié : 01 mars 2004, 13:27
par Hoaxyde
sinon, solution bidouille, tu mets un

Code : Tout sélectionner

<div="conteneur">
<a href="#" class="trhover">
<tr>
<td>Ton texte</td>
</tr>
</a>
</div>
et dans ton css tu mets, tu mets :

Code : Tout sélectionner

#conteneur a.trhover:hover {
background-color: #DFFFDF;  }
Voilà, ça reste de la bidouille, mais ça marche ;)

(Note que #conteneur doit être remplacé par le nom du conteneur que tu utilise ;) )

++ (quoique, ça peut être bien de chatier les utilisateurs de IE :twisted: )

Publié : 01 mars 2004, 15:01
par DJiK
C'est noté. 8) Merci!

Mais je me demande si je vais bien le faire, c'est vrai ils ont qu'à se mettre à jour. :P

En +, il me semble que ta solution doit transformer la souris en petite main quand on est sur le tableau, vu que chaque ligne est un lien.

Publié : 01 mars 2004, 15:49
par calimo
Sinon il y a moyen de le faire avec du javascript, ce qui au fond est encore pire :

Code : Tout sélectionner

class="out" onmouseover="this.className='over';" onmouseout="this.className='out';"
Conclusion, le plus simple c'est que tout le monde se convertisse à Mozilla :mrgreen:

Publié : 01 mars 2004, 19:41
par Hoaxyde
Une nouvelle version de IE n'est plus à l'ordre du jour chez M$ avant 3 ans minimum, donc bon....

Pour le javascript, oui c'est pire :lol: car mon CSS est valide :)
En +, il me semble que ta solution doit transformer la souris en petite main quand on est sur le tableau, vu que chaque ligne est un lien.
Tu rajoute "cursor:default;" à #conteneur a.trhover:hover {
background-color: #DFFFDF; } , ce qui devient

Code : Tout sélectionner

#conteneur a.trhover:hover {
background-color: #DFFFDF; 
cursor:default;
} 
et voilà, plus de pb avec ton curseur ;)

++

Publié : 01 mars 2004, 23:53
par DJiK
Hoaxyde a écrit :Une nouvelle version de IE n'est plus à l'ordre du jour chez M$ avant 3 ans minimum, donc bon....
Pourtant le SP2 va améliorer un peu IE. Avec un anti-popup intégré. :roll:
De toutes façons j'ai peur que beaucoup continuent de l'utiliser. :x


Merci pour le truc du curseur, je connaissais pas.

Publié : 02 mars 2004, 01:12
par Benoit
DJiK a écrit :Pourtant le SP2 va améliorer un peu IE. Avec un anti-popup intégré. :roll:
C'est juste un changement dans l'interface ça (un peu comme une extension pour Firefox), ça ne change rien au moteur utilisé.