Discussion :

[Regnak]

a tous & a toutes
Voici mon problème :
J'ai un tableau dont j'amerais que les lignes se colorent qunad on passe la souris dessus. Voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<table><tr class="grise"> <td>Nom</td> <td>Prénom</td> <td>Mail</td><td>Supprimer</td></tr> 
<tr class="pair">
<td>*****</td>
<td>*****</td>
<td>*****</td>
<td class="important"><a href="admin.php?tech=
7
" title="Supprimer ce technicien" >
<IMG src="supprimer.gif" alt="Supprimer ce technicien" align="left" border="0"></a>
</tr>

on l'a parlé d'une "pseudo classe" hover comment faire pour l'utiliser dans ma feuille de style :

Code :

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

1
2
3
4
5
 
.pair {
    background-color:#CCCCFF !important;
    color:#000;
}

Merci

[delas]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
	var oldBck = "#FFFFFF";
function dynamicRowBkgOut(element)
{
   element.style.backgroundColor = oldBck;
}
 
function dynamicRowBkgOver(element)
{
   oldBck = element.style.backgroundColor;
   element.style.backgroundColor = "#c0c0c0";
}
</script>

et ton tr :

Code :

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

<tr bgcolor="ffe277" onMouseOut="javascript:dynamicRowBkgOut(this)" onMouseOver="javascript:dynamicRowBkgOver(this)" >

[masu]

la pseudo-class :hover serait bien le meilleur moyen d'y arriver si IE, pouvait l'interpréter correctement sur d'autres balises que a.

tu aurai quelquechose comme ca

Code :

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

1
2
3
tr:hover {
  background-color:#0ee;
}

cependant les choses étant ce qu'elles sont, je passe par du javascript tour faire ce genre de chose.

Code :

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

1
2
3
4
 
.trOver {
  background-color:#0ee;
}

Code :

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

1
2
3
4
<table>
<tr onmouseover="this.className='trOver'" onmouseout="this.className=''">
<td>dummy</td>
</tr></table>

[Regnak]

Comme j'ai oublié de le préciser, je corrige cette erreur : cette application en php ne verra sans doute jamais IE ...
Donc pourrait tu préciser un peu ta méthode stp masu ?
En tout cas, un grand a tous

[masu]

le simple tout petit bout de css que j'ai donné dans mon premier post suffit

voila un exemple plus consequent quand meme

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
table {
	border-collapse:collapse;
	border: 1px solid black;
}
td, th {
	border: 1px solid black;
	padding: 5px;
	padding-top:0;
	padding-bottom:0;
}
tbody th {
	font-weight:normal;
	text-align:left;
}
 
 
tbody tr:hover {/*selecteur pour changer le couleur de fond au survol*/
	background: #0ee;
}

Code :

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

1
2
3
4
5
6
7
<table summary="exemple">
<thead>
<tr><th>titre</th><th>col1</th><th>col2</th></tr>
</thead>
<tr><th>dummy1</th><td>val1</td><td>bal2</td></tr>
<tr><th>dummy2</th><td>val1</td><td>bal2</td></tr>
</table>

[Regnak]

Ok, merci pour tous ces conseils, en fait, je ne suis pas arrivé dze suite a faire la manip que tu m'as donnéea cause d'une erreur bête. En tout cas grace a toi, c'est RESOLU