Changer la couleur quand souris passe dessus

Résolu
Sara426 Messages postés 782 Statut Membre -  
Keo19 Messages postés 47 Statut Membre -
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

Réponse 1 / 2
Flachy Joe Messages postés 2303 Statut Membre 261
 
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 26230 Statut Modérateur 2 416
 
bien vu ;)
0
AssassinTourist Messages postés 7838 Statut Contributeur 1 312
 
Le hover, un attribut css sous-estimé ;)
0
Mihawk Messages postés 4753 Statut Contributeur 846
 
Les gens qui remplacent le "hover" par du "onMouseOver" et "onMouseOut" devraient tous être brulés, tiens :P
0
Réponse 2 / 2
IchizuKhivar Messages postés 4 Statut Membre 2
 
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 47 Statut Membre 1
 
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

Discussions similaires

couleur personnage
Gasper -
Izzi -

9 réponses
Mot de passe administrateur Freebox : où le trouver ?
Utilisateur anonyme -
Marie -

7 réponses
sertissage des cables rj45
lekludo -
brupala -

7 réponses