Style Hover sur la balise TABLE et IE

**dudule** · 16/01/2007, 11h59

Bonjour a tous,

je suis assez novice dans les feuilles de style donc soyez indulgent.
Alors j'ai voulu créé un changement de couleur sur le passage de la souris sur une ligne de mon tableau. Je pensais que ca n'etait pas très compliqué. Cela fonctionne avec Firefox

mais pas sur IE

voici a quoi cela ressemble (bien sur en vrai c'est un peu plus compliqué, mais c'est comme ca que j'ai fais).

<html>
<head>
<style type="text/css">
table#montableau{
background-color : #D0D0D0;
}

table#montableau:hover{
background-color : #FF9900;
}

</style>
</head>

<body>
<table border="1" id="montableau">
<tr>
<td width="100%">toto</td>
</tr>
<tr>
<td width="100%">titi</td>
</tr>
</table>
</body>
</html>

sur firefox, quand je passe ma souris sur ma ligne ca la change en orange

**MasterOfChakhaL** · 16/01/2007, 12h01

salut,

la pseudo classe hover n'est reconnu que pour les liens sur IE <= 6

**dudule** · 16/01/2007, 12h12

Et il n'existe pas un moyen CSS a part faire du javascript ?

merci pour cette reponse rapide !

**Auteur** · 16/01/2007, 15h10

Envoyé par dudule

Et il n'existe pas un moyen CSS a part faire du javascript ?

merci pour cette reponse rapide !

non désolé. Il faut que tu passes par du javascript.

Code :

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
18
19
20
21
22
23
24
25
26
27
28
 
 <html>
<head>
<style type="text/css">
.montableauOut{
background-color : #D0D0D0;
}
 
.montableauOver{
background-color : #FF9900;
}
 
</style>
</head>
 
<body>
 
  <table border="1" id="montableau" class="montableauOut" onmouseover="this.className='montableauOver'" onmouseout="this.className='montableauOut'">
  <tr>
  <td width="100%">toto</td>
  </tr>
  <tr>
  <td width="100%">titi</td>
  </tr>
  </table>
 
</body>
</html>

Style Hover sur la balise TABLE et IE

HTML

Discussions similaires

Partager

Partager