Changer la couleur quand souris passe dessus

Résolu/Fermé
Sara426 Messages postés 671 Date d'inscription mardi 6 octobre 2009 Statut Membre Dernière intervention 16 décembre 2015 - 8 mai 2012 à 15:44
Keo19 Messages postés 42 Date d'inscription mardi 19 janvier 2010 Statut Membre Dernière intervention 7 juillet 2019 - 21 juil. 2014 à 11:20
Bonjour,

J'ai fais un site internet et j'aimerais y rajouter juste un petit détail.
J'ai un tableau qui affiche une requete de ma base de données.

C'est un tableau simple à deux colonnes.
Ce que j'aimerais faire, c'est que quand la souris passe sur une ligne, celle-ci change son fond de couleur.

Je sais que ça peut ce faire en Javascript avec une commande du style de "onclick" et "onfocus", mais je ne sais pas laquelle.

Cordialement,
Sara.

A voir également:

2 réponses

Flachy Joe Messages postés 2103 Date d'inscription jeudi 16 septembre 2004 Statut Membre Dernière intervention 21 novembre 2023 259
8 mai 2012 à 19:39
En css :
<table id="matable">
<tr><td>Contenu</td><td>qui change de couleur</td></tr>
<tr><td>une autre</td><td>ligne</td></tr>
</table>
<style type="text/css">
#matable tr{
  background-color:blue;
}
#matable tr:hover{
  background-color:red;
}
</style>
4
bg62 Messages postés 23588 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 9 avril 2024 2 360
8 mai 2012 à 20:14
bien vu ;)
0
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
9 mai 2012 à 10:05
Le hover, un attribut css sous-estimé ;)
0
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
9 mai 2012 à 10:53
Les gens qui remplacent le "hover" par du "onMouseOver" et "onMouseOut" devraient tous être brulés, tiens :P
0
IchizuKhivar Messages postés 4 Date d'inscription mardi 4 mars 2014 Statut Membre Dernière intervention 9 avril 2014 2
4 mars 2014 à 22:55
Bonjour j'aurais une question, et si ce que je veux c'est mettre un fond de couleur différente avec un hover mais aussi que le texte dans la cellule change de couleur comment faire ? :s
2
Keo19 Messages postés 42 Date d'inscription mardi 19 janvier 2010 Statut Membre Dernière intervention 7 juillet 2019 1
21 juil. 2014 à 11:20
Bonjour,

En ajoutant
color:CodeCouleurHexa
dans ta balise CSS comme ci-dessous :

#matable tr{
background-color:blue;
color:#336699;
}
#matable tr:hover{
background-color:red;
color:#336699;
}
0