Discussion :

[eric2101]

Bonjour,

Je cherche comment faire l'effet suivant en html via ma feuille CSS.

Sur mon tableau A j'ai une colonne intitulée Durée

Code html :

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

1
2
3
4
5
<table class="table1" cellspacing="1">
 
   <th colspan="10" class="titre1">Production des concessions</th>
      <tbody>
         <th class="colonne1">Durée</th>

Dans un tableau plus bas dans la même page, j'ai un tableau B qui définit ce que signifie la colonne Durée.

Code html :

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

1
2
3
<table class="table3">
   <th class="encartitre">Durée</th>
      <tr class="encart1"><td>encart/durée.txt'</tr>

Question : comment puis-je faire pour que lorsque je survole avec ma souris la colonne (ou le titre de la colonne) Durée dans le tableau A, la colonne (ou le titre de la colonne) se mette en surbrillance dans le tableau A ainsi que dans le tableau B simultanément.

J'ai épuisé toutes les combinaisons que je connaissais avec :hover, mais là je sèche.
Merci de vos réponses

[pop_up]

Tu peux conserver le :hover sur ton premier tableau mais par contre, pour le second tableau, tu ne pourras pas le gérer avec CSS. Il faudrait plutot passer par javascript et modifier avec les événements onmouseover et onmouseout le style de ton second tableau.

C'est en tout cas ce que j'essaierai de faire.