CSS - Hover sur 2 cellules

Résolu/Fermé
Mo0oN Messages postés 59 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 26 janvier 2012 - 29 juin 2009 à 13:32
avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 - 20 nov. 2009 à 17:36
Bonjour,

J'ai un tableau avec plusieurs cellules.
Mettons que j'ai 4 cellules A B C D.
Je souhaiterais quand je passe sur A ou sur B, que cela change le background de A et B avec la balise hover.

Est-ce possible en CSS ?
Y aurait-il une astuce sinon en changeant la structure du HTML ?

Pour l'instant c'est du type :

<table>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
</table>


A part en mettant un sous-tableau comme ceci (mais c'est super moche) et en mettant un hover sur le 2e tableau, je ne vois pas trop comment faire :

<table>
<tr>
<td><table><tr><td>A</td><td>B</td></tr></table></td>
<td><table><tr><td>C</td><td>D</td></tr></table></td>
</tr>
</table>
A voir également:

2 réponses

Mo0oN Messages postés 59 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 26 janvier 2012 2
30 juin 2009 à 10:16
up
0
Up, même problème, meme question !
0
avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 4 505
20 nov. 2009 à 17:36
En CSS, c'est impossible.
Regarde du côté du JS, je pense notamment à JQuery avec un code du genre :
$('.tdGroup1').mouseover(function() {
    $('.tdGroup1').css('background','red');
}).mouseout(function() {
    $('.tdGroup1').css('background','white');
});
0