Changer la couleur quand souris passe dessus

Résolu

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

Afficher la suite

2 réponses

Réponse 1 / 2

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
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
1. bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention 2 435
  
  bien vu ;)
  
  0
2. AssassinTourist Messages postés 409 Date d'inscription Statut Contributeur Dernière intervention 1 313
  
  Le hover, un attribut css sous-estimé ;)
  
  0
3. 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 Date d'inscription Statut Membre Dernière intervention 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
1. 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

Changer la couleur quand souris passe dessus

2 réponses

Discussions similaires

Newsletters