Gradient cellule tableau

voila je veux styliser la première ligne du tableau ainsi que la première colonne compté du deuxième cellule jusqu’à la dernière ,mais le problème c'est que mon code fait le gradient a chaque cellule moi je veux que le gradient soit sur la ligne en totalité ,merci de rectifier mon code

Code:

---

1 2 3 4 5 6

tr#c1{ background:linear-gradient(to bottom right,red,blue); } td#c2{ background-color:blue; }

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<table> <tr id="c1"> <td> 2jnjjk </td> <td> 2jnjjk </td> <td> 1jnjjk </td> </tr> <tr> <td id="c2"> 1jnjjk </td> <td> 2jnjjk </td> <td> 1jnjjk </td> </tr> <tr> <td id="c2"> 2jnjjk </td> <td> 2jnjjk </td> <td> 1jnjjk </td> </tr> <tr> <td id="c2"> 2jnjjk </td> <td> 2jnjjk </td> <td> 1jnjjk </td> </tr> </table>

---

Bonjour,
:koi: cela à l'air de répondre à ta demande, la 1st ligne (TR) est affectée par une background:linear-gradient et tes 1st cellules (TD) par un background-color.

ah oui j'ai fait une erreur lorsque j'ai tapé le code de css juste dans la partie concernant le background-color en faite ça serai le même code que celui du tr juste une modification au niveau des couleurs.mais ça reste le même problème:(

Il me semblait aussi :D

Dans ton cas tu peux tirer avantage à l'utilisation de l'élément COL, parent pauvre et peu connu, des TABLEs.

Sur base d'une structure de TABLE conforme intégrant les éléments COL dans un COLGROUP

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

<table> <colgroup><col><col><col></colgroup> <tbody> <tr> <td>2jnjjk</td> <td>2jnjjk</td> <td>1jnjjk</td> </tr> <tr> <td>1jnjjk</td> <td>2jnjjk</td> <td>1jnjjk</td> </tr> <tr> <td>2jnjjk</td> <td>2jnjjk</td> <td>1jnjjk</td> </tr> <tr> <td>2jnjjk</td> <td>2jnjjk</td> <td>1jnjjk</td> </tr> </tbody> </table>

---

tu peux en utilisant le CSS suivant

Code:

---

1 2 3 4

table tr:first-child, table col:first-child { background:linear-gradient(to bottom right,red,blue); }

---

te rapprocher de ce que tu cherches.

Nota :
- Une ID DOIT ETRE UNIQUE dans une page.
- Lorsque l'on veut atteindre/styler plusieurs éléments de la même façon il faut utiliser les classes

- Comment utiliser les classes en CSS ?
- Comment utiliser les identifiants en CSS ?

Merci infiniment NoSmoking, le problème à été résolue