Discussion :

[DJ Caësar 9114]

Bonjour à tous,

J'ai un petit souci. J'aimerais que quand l'utilisateur passe sa souris sur une ligne de mon tableau, cette ligne voit une bordure tout autour.

J'ai essayé ceci mais ça ne marche pas, alors que ça marche pour les TD:

Code :

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

1
2
3
4
5
6
7
  <STYLE TYPE="text/css">
    <!--
      td:hover {
				border-top: 1px solid black;
				border-bottom: 1px solid black;}
    -->
  </STYLE>

Je vous remercie!

[DJ Caësar 9114]

Hé bah, il suffit que je pose la question pour que j'arrive à y répondre moi même. Je n'ai vu la réponse nulle part (même en dehors de ce forum), donc je poste mon code ici, je pense que ça aidera des gens, l'effet est super joli je trouve:

Pour le CSS:

Code :

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

1
2
3
4
5
6
  <STYLE TYPE="text/css">
    <!--
	.pouet td {border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 0.4em;}
	.kikoulol td {border-top: 0px; border-bottom: 0px;}
    -->
  </STYLE>

Pour l'appel dans la page:

Code :

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

<tr onmouseover=\"javascript:this.className='pouet'\" onmouseout=\"javascript:this.className='kikoulol'\">