Discussion :

[dev2010]

bonjour,
je veux mettre un dégradé de couleur aux cellules de mon tableau,
je vous aurai gré de m'aider,
merci d'avance.

[ornitho13]

Salut,

si tu pouvais en dire un peu plus et mettre du code en exemple, ce serait plus facile de t'aider

++

[dev2010]

bonjour,
voici le code du mon tableau (un tableau statique):

Code :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<table class="tableFiche">
            <tr>
              <td>ABZH</td>
              <td>ABZH</td>
              <td>ABZH</td>
              <td>ABZH</td>
              <td>ABZH</td>
              <td>ABZH</td>
              <td>ABZH</td>
            </tr>
            <tr>
              <td>ABZH</td>
              <td>ABZH</td>
              <td>ABZH</td>
              <td>ABZH</td>
              <td>ABZH</td>
              <td>ABZH</td>
              <td>ABZH</td>
            </tr>
           <tr>
              <td>ABKD</td>
              <td>ABKD</td>
              <td>ABKD</td>
              <td>ABKD</td>
              <td>ABKD</td>
              <td>ABKD</td>
              <td>ABKD</td>
            </tr>
            <tr>
              <td>ABKD</td>
              <td>ABKD</td>
              <td>ABKD</td>
              <td>ABKD</td>
              <td>ABKD</td>
              <td>ABKD</td>
              <td>ABKD</td>
            </tr>
            <tr>
              <td>ABRN</td>
              <td>ABRN</td>
              <td>ABRN</td>
              <td>ABRN</td>
              <td>ABRN</td>
              <td>ABRN</td>
              <td>ABRN</td>
            </tr>
            <tr>
               td>ABRN</td>
              <td>ABRN</td>
              <td>ABRN</td>
              <td>ABRN</td>
              <td>ABRN</td>
              <td>ABRN</td>
              <td>ABRN</td>
            </tr>
          </table>

bon, je veux mettre un même dégradé de couleur pour les cellules des deux premières colonnes, un autre dégradé pour la 3ieme et la 4ieme colonne, et en fin un autre dégradé pour les cellules des 2 dernières colonnes,
comme ça il sera plus beau et plus significatif,

merci encore

[niboro14]

Ben tu peux utiliser des images ou faire un dégradé en css.

Cherche un peu sur Google

[psychomatt]

Bonjour,

Précise des classes sur les <td> pour lesquels tu veux le même dégradé

Code :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<table class="tableFiche">
            <tr>
              <td class="deg1">ABZH</td>
              <td class="deg1">ABZH</td>
              <td class="deg2">ABZH</td>
              <td class="deg2">ABZH</td>
              <td>ABZH</td>
              <td class="deg3">ABZH</td>
              <td class="deg3">ABZH</td>
            </tr>
            <tr>
              <td class="deg1">ABZH</td>
              <td class="deg1">ABZH</td>
              <td class="deg2">ABZH</td>
              <td class="deg2">ABZH</td>
              <td>ABZH</td>
              <td class="deg3">ABZH</td>
              <td class="deg3">ABZH</td>
            </tr>
           <tr>
              <td class="deg1">ABZH</td>
              <td class="deg1">ABZH</td>
              <td class="deg2">ABZH</td>
              <td class="deg2">ABZH</td>
              <td>ABZH</td>
              <td class="deg3">ABZH</td>
              <td class="deg3">ABZH</td>
            </tr>
            <tr>
              <td class="deg1">ABZH</td>
              <td class="deg1">ABZH</td>
              <td class="deg2">ABZH</td>
              <td class="deg2">ABZH</td>
              <td>ABZH</td>
              <td class="deg3">ABZH</td>
              <td class="deg3">ABZH</td>
            </tr>
            <tr>
              <td class="deg1">ABZH</td>
              <td class="deg1">ABZH</td>
              <td class="deg2">ABZH</td>
              <td class="deg2">ABZH</td>
              <td>ABZH</td>
              <td class="deg3">ABZH</td>
              <td class="deg3">ABZH</td>
            </tr>
            <tr>
              <td class="deg1">ABZH</td>
              <td class="deg1">ABZH</td>
              <td class="deg2">ABZH</td>
              <td class="deg2">ABZH</td>
              <td>ABZH</td>
              <td class="deg3">ABZH</td>
              <td class="deg3">ABZH</td>
            </tr>
          </table>

Et défini un code CSS pour appliquer une image en fond des cellules:

Code :

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

1
2
3
td.deg1{background:url(image_degrade_1.png);}
td.deg2{background:url(image_degrade_2.png);}
td.deg3{background:url(image_degrade_3.png);}

[polymorphisme]

Bonjour,

pour ceux qui croient aux vertues des couleurs, c'est formidable;
mais finalement, tu obtient quel résultat ?