Style Hover sur la balise TABLE et IE

Version imprimable

16/01/2007, 11h59
dudule

Style Hover sur la balise TABLE et IE

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 :D mais pas sur IE :cry: voici a quoi cela ressemble (bien sur en vrai c'est un peu plus compliqué, mais c'est comme ca que j'ai fais).

Citation:

<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
16/01/2007, 12h01
MasterOfChakhaL

salut,

la pseudo classe hover n'est reconnu que pour les liens sur IE <= 6
16/01/2007, 12h12
dudule

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

merci pour cette reponse rapide !

Citation:

Envoyé par dudule

:cry: 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:

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>