Discussion :

[ahbari]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
tr#c1{
background:linear-gradient(to bottom right,red,blue);
}     
td#c2{
background-color:blue;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[NoSmoking]

Bonjour,
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.

[ahbari]

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

[NoSmoking]

Il me semblait aussi

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[ahbari]

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