Encadrer une ligne sur l'événement tr:hover

Bonjour,

J'ai un tableau et dans ce tableau je donne une bordure aux cellules (TD) et lorsque je passe la souris sur une ligne (tr:hover) je souhaite que la ligne entière soit encadrée en rouge. Le problème est que ça ne fonctionne pas, puisque les propriétés des bordures sont définies depuis les cellules. En effet, la couleur reste celle définie au niveau des cellules. Lorsque j'enlève totalement la propriété qui définie la bordure au niveau des cellules, le tr:hover fonctionne.

Je souhaite savoir s'il y a une technique permettant de contourner ce problème.

Merci d'avance

Bonjour,
il nous faudrait au moins le CSS que tu appliques à ta <table> et ses éléments.

Bonjour,

Il suffit de demander la modification des td au survol du th :

Code:

---

1 2 3

th:hover td { border: 1px solid #f00; }

---

par contre les bordures vont s'appliquer à chaque cellule... peut-être qu'une couleur d'arrière plan serait plus simple à gérer sinon, il faut jouer avec les pseudo classes first-of-type et last-of-type pour gérer les bordures plus précisément.

Bonjour,

J'ai résolu le problème en donnant une class à chaque tr et en faisant

Code:

---

1 2 3 4

tr.nomdelaclass:hover{ border: 3px solid red; cursor: pointer; }

---

Merci :)