:hover impossible avec IE

:hover impossible avec IE - HTML/CSS - Programmation

Marsh Posté le 30-11-2009 à 17:43:06    

Bonjour à tous,
 
Afin de changer les couleur de mes <tr> dans les <table> après survole, j'utilise le style suivant:

Code :
  1. .trcouleur2 {
  2. background-color:#E8E8EA;
  3. font-size:12px;
  4. }
  5. tr.trcouleur2:hover {
  6. background-color:#D7D7FF;
  7. font-size:12px;
  8. }


 
Ce code marche bien sur FireFox! mais IE8 ne vois pas le survole.
Merci de me venir en aide.

Reply

Marsh Posté le 30-11-2009 à 17:43:06   

Reply

Marsh Posté le 30-11-2009 à 17:48:04    

je sais pas si c'est toujours le cas avec ie8, mais avec ie6, le :hover n'était accepté que sur les balises <a>... :spamafote:

Reply

Marsh Posté le 30-11-2009 à 18:14:39    

Quelqu'un ma dit la même chose! je ne sais donc pas comment contourner de manière à voir la ligne en surbrillance. Avec phpMyadmin par exemple, ils ont réussit à le faire. Mais j'ai même parcouru leur fichier de style sans trouver comment ils ont fait.

Reply

Marsh Posté le 30-11-2009 à 18:19:23    

Hmm, ça fonctionne chez moi sous IE8. Un style :hover sur un <tr> ou <td> me donne bien l'effet prévu. Mais bon, avec IE, il y a toujours une combinaison d'attributs qui peut foutre la mettre sans trop savoir pourquoi.
 
Regarde aussi s'il n'y a pas de règle CSS qui ont priorité sur le :hover (il y un outil de debug intégré à IE8, jamais testé cela dit).

Reply

Marsh Posté le 30-11-2009 à 18:24:39    

merci tpierron j'essaye de regarder

Reply

Marsh Posté le 30-11-2009 à 20:57:03    

javascript pour avoir un rollover sur un tableau avec IE 7
pas le choix


---------------
collectionneur de pâtes thermiques
Reply

Marsh Posté le 01-12-2009 à 09:37:11    

kazerson a écrit :

Bonjour à tous,
 
Afin de changer les couleur de mes <tr> dans les <table> après survole, j'utilise le style suivant:

Code :
  1. .trcouleur2 {
  2. background-color:#E8E8EA;
  3. font-size:12px;
  4. }
  5. tr.trcouleur2:hover {
  6. background-color:#D7D7FF;
  7. font-size:12px;
  8. }


 
Ce code marche bien sur FireFox! mais IE8 ne vois pas le survole.
Merci de me venir en aide.


 
 
Si tu n'as pas mis de doctype sur ta page, ton navigateur passe en mode de compatibilité IE6 (meme pas IE7 mais IE6) et donc ton :hover ne fonctionnera jamais.
 
Il y a 3 modes de rendu sous IE8
 
le mode de rendu de IE8, si ton site est bien construit et qu'il respecte les normes (en fait surtout si ton site a un doctype correct :) )
le mode de rendu de IE7, si tu cliques sur le bouton de rendu ou si tu déclares un meta tag
le mode de rendu de IE6, si tu n'as pas de doctype sur ta page, et amha c'est le cas pour toi.


---------------
Blablaté par Harko
Reply

Marsh Posté le 01-12-2009 à 21:51:16    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed