Comment faire pour qu'en passant sur un lien qui est dans un <td>, la couleur de fond du <td> entière change ?

Soit en définissant ta cellule dans une classe spéciale dans ta feuille CSS,
 
Soit en js+CSS intégré : onmouseover="style.backgroundColor='couleur'" onmouseout="style.backgroundColor='couleur2'"

tu peux m'expliquer la première solution ça m'intéresse..

Première solution :
 
(prérequis :
- il faut un lien dans la cellule (c'est le cas)
- il faut avoir une taille de cellule définie (50px dans ce t exemple)
 
Ton CSS :
 
a.cell {
background-color: yellow;
width: 50px;
}
a.cell:hover {
background-color: blue;
}
.cellule {
width: 50px;
}
 
Ton HTML :
 
<td class="cellule"><a href="lien" class="cell">lien</a></td>

Deuxième solution : (sans lien, juste pour changer la couleur de cellule)
 
Le CSS:
 
.jaune {
 background-color: yellow;
}
.bleu {
 background-color: blue;
}
 
Le HTML :
 
<td class="jaune" onmouseout = "this.className='jaune'" onmouseover = "this.className='bleu'"></td>

ha ouais ok, merci, je pense que je vais prendre cette solution c plus facile à mettre en oeuvre pour une grande quantité de cellules.

 
moi le prob, c'est que mes cellules font 20px de haut et si je rajoute height:20px; dans le style du lien, ca couvre bien toute la cellule mais le texte est aligné en haut, est ce qu'il est possible de mettre le texte au centre du lien ?

vertical-align: middle

ca marche pas avec vertcial-align:middle parceque ca centre le lien au milieu de la case mais ca centre pas le texte au milieu du lien. Par contre, on m'a donné la solution, avec line-height de la hauteur de ma case, ca marche.

pour une grande quantité de cellules?
mais tu vas devoir retaper le onmouseout et le over pour chaque td, non?
c'est pas très pratique... y a pas une autre solution?

Si, la gestion normale des CSS permet de le faire avec un CSS et la pseudo-class :hover.
 
Seulement, il n'y a que opéra qui intègre cela correctement.

ca passe sur IE 6.0 aussi

non

 
Et mozilla

non plus

 
1.3 si si  

juste, j'avais testé avec la 1.2.1