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.

2 réponses

Flachy Joe
Messages postés
2095
Date d'inscription
jeudi 16 septembre 2004
Statut
Membre
Dernière intervention
11 mars 2022
251
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>
2
bg62
Messages postés
23260
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
13 mai 2022
2 317
8 mai 2012 à 20:14
bien vu ;)
0
AssassinTourist
Messages postés
5700
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
23 mars 2022
1 297
9 mai 2012 à 10:05
Le hover, un attribut css sous-estimé ;)
0
Mihawk
Messages postés
4311
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
837
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