Discussion :

[arkienou]

Bonjour,
J'aimerais écrire un style auquel je fournirais 2 couleurs tel qu'en attribuant ce style à ma table, j'aie de façon automatique les balises <TR> avec les 2 couleurs de manière alternée.

En d'autres termes j'aimerais transformer le code suivant:

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
 
<table>
  <tr bgcolor="red">
    <td>1</td><td>11</td>
  </tr>
  <tr bgcolor="white">
    <td>2</td><td>22</td>
  </tr>
  <tr bgcolor="red">
    <td>3</td><td>33</td>
  </tr>
  <tr bgcolor="white">
    <td>4</td><td>44</td>
  </tr>
  <tr bgcolor="red">
    <td>5</td><td>55</td>
  </tr>
  <tr bgcolor="white">
    <td>6</td><td>66</td>
  </tr>
</table>

en un code du genre:

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
<table class="unStyle">
  <tr>
    <td>1</td><td>11</td>
  </tr>
  <tr>
    <td>2</td><td>22</td>
  </tr>
  <tr>
    <td>3</td><td>33</td>
  </tr>
  <tr>
    <td>4</td><td>44</td>
  </tr>
  <tr>
    <td>5</td><td>55</td>
  </tr>
  <tr>
    <td>6</td><td>66</td>
  </tr>
</table>

Comment pourrais-je définir mon style "unStyle" pour obtenir le même résultat que dans le 1er code?

Merci d'avance!

[nihlstroem]

Salut

A mon humble avis, et si je ne m'abuse, c'est impossible de le faire uniquement avec un style CSS (impossible de différencier les lignes entre elles).

Eventuellement définir un bgcolor global, et mentionner une classe spéciale pour les tr qui doivent changer de couleurs, mais ce n'est qu'à moitié moins lourd

Il te faut sinon te rabattre sur un code en PHP...