Bonjour,

je cherche un bien selectionner une ligne d'un tableau pour y changer la couleur de fond de cette ligne uniquement.

J'ai essayer <td><span>...</span></td>(J'ai repeté cette opération pour chaque <td> de mon <tr>) mais cela me sélectionne uniquement le background du mot inscrit dans la case <td> mais pas le background du <td>. Concernant <div> j'ai tenté de mettre un <div id="exemple"> autour des mes balises <tr> et dans mon CSS j'écris : #exemple td { background-color: rgb(... ... ...);} Mais cela ne fonctionne toujours pas...

<tr class="fond">... </tr>

.fond {background-color:teal;}

pourquoi compliquer ? les classes sont faites pour ça

C'est bon si je reprends ton exemple il fallait que j'écrive dans mon css : .fond td {...}

C'est quoi teal ? 

-
Edité par NATHdb 16 septembre 2019 à 20:18:24

Bonsoir,

Ou pour cibler la 2ème ligne par exemple, tu peux faire:

tr:nth-child(2) td{
background-color:red;
}

PS: teal est une couleur nommée comme red ; 

https://www.w3schools.com/cssref/css_colors.asp

non, dans ton css tu définis la classe,

.fond {background-color:teal;}

et tu l'appliques à une ligne :

<tr class="fond">

j'ai l'impression que tu patauges avec les classes et autres, il faut revoir les fondamentaux, ta question est révélatrice,
teal est l'une des 116 (sauf erreur) couleurs définis pour le HTML, c'est "sarcelle" en français, couleur du cou de cet oiseau, la sarcelle

Couleurs HTML :

https://htmlcolorcodes.com/fr/noms-de-couleur/

en fait c'est le cou de l'oiseau :
http://www.photosariege.com/article-la-sarcelle-d-hiver-63014340.html

-
Edité par ChrisLebure 16 septembre 2019 à 20:39:22

Non, ChrisLebure, l'OP a raison:

il faut appliquer le background aux td et non au tr, sinon, ça ne fonctionne pas.

https://jsbin.com/koyupuvavo/1/edit?html,css,output

ben si, chez moi ça marche ... class appliquée à la balise <tr>
d'ailleurs vu ton lien ...

philiga a écrit:

il faut appliquer le background aux td et non au tr, sinon, ça ne fonctionne pas.

https://jsbin.com/koyupuvavo/1/edit?html,css,output

Bonjour, comment cela ne fonctionne pas?? Si un style peut être appliqué à la balise <tr> pour toute la ligne du tableau.

https://jsbin.com/fehufomede/1/edit?html,css,output

Que veux-tu dire par "d'ailleurs vu ton lien ..."?

Chez moi, sur la maquette jsbin donnée en lien, ça ne fonctionne que ce soit avec class ou nth-child que si l'on cible bien td et non tr seule.

EDIT:

Bon, c'est à se taper la tête contre les murs: sur mon lien, chez moi (sur Chrome au cas où...), ça ne fonctionne que sur td et ne fonctionne plus si on cible la rangée en effaçant les deux lettres td.

Sur ton lien AbcAbc6, en effet ça fonctionne sur la rangée: mystère...!

-
Edité par philiga 16 septembre 2019 à 21:01:30

philiga a écrit:

Que veux-tu dire par "d'ailleurs vu ton lien ..."?

Chez moi, sur la maquette jsbin donnée en lien, ça ne fonctionne que ce soit avec class ou nth-child que si l'on cible bien td et non tr seule.

-
Edité par philiga 16 septembre 2019 à 21:29:54