Framasite: Comment créer des tableaux avec des styles différents

Entraide
1

Bonjour
Avec tous vos conseils précieux, j’ai réussi à créer un tableau avec un style CSS.

Seulement, dans mon site, j’utilise plusieurs tableaux au format différents et je ne comprends pas comment leur attribuer un style différends:
nombre de colonne
couleur
bordure

Merci pour votre aide

2

J’ai trouvé comment avoir des styles différents et n nombre colonne différent en faisant ceci

.tableau1 td {

background-color: #ddd;
text-align: left;
padding: 0 2px;
border: 1px solid #ccc;
}
.tableau1 th {
background-color: #fcf3cf;
text-align: center;
padding: 0 2px;
border: 1px solid #ccc;
}

.tableau2 td {
background-color: #88dec7;
text-align: right;
padding: 0 5px;
border: 2px solid #000;
}
.tableau2 th {
background-color: #c5de88;
text-align: left;
padding: 0 2px;
border: 1px solid #ccc;
}

Mais maintenant je cherche pour un seul tableau, par exemple, faire en sorte qu’une ligne sur deux soit de couleur différentes. Comment faire ?
Merci

3

tu peux utiliser la pseudo classe nth-of-type, je te donne le lien vers la doc.

4

J’ai essayé, ça ne marche pas ou j’ai rien compris!!!

5

Bonjour
Voilà mon code CSS
.tableau4 td {
background-color: #cff9ff;
text-align: center;
padding: 0 5px;
border: 2px solid #000;
}

.tableau4 th {
background-color: #fafef8;
text-align: center;
padding: 0 2px;
border: 2px solid #000;
}

et mon code HTML

 <th colspan="8">Parcours significatif du joueur</th>

 <th colspan="5">[right]Classement HexaMölkkyTour<FONT color="red"> (HMT)[/right]</FONT></th>
 
 <th colspan="3"> Non classé</th>

 <th colspan="5">[right]Classement interne: [/right]</th>
 <th colspan="3">Non classé</th>

 <th colspan="5">Participations</th>
 <th colspan="3">Podium</th>

  <th scope="col">Année</th>
  <th scope="col">Tournoi</th>
  <th scope="col">Nb équipes</th>
  <th scope="col">Tableau</th>
  <th scope="col">Classement</th>
  <th scope="col"><img src="11.jpg" /></th>
  <th scope="col"><img src="22.jpg" /></th>
  <th scope="col"><img src="33.jpg" /></th>
    
</tr>



<tr>

  <td rowspan="2">2020</td>
  <td>Open de COURCELLES-CHAUSSY (57)</td>
  <td>40 Doublettes</td>
  <td>--</td>
  <td>--</td>
  <td>--</td>
  <td>--</td>
  <td>--</td>
        
</tr> 

<tr>
 
  <td>Open de PARIS (75)</td>
  <td>144 Doublettes</td>
  <td>--</td>
  <td>--</td>
  <td>--</td>
  <td>--</td>
  <td>--</td>
      
</tr>

Je ne comprends toujours pas comment utiliser ```
:nth-of-type


Merci de m'aider.
6

Bonjour Francis,
Une recherche avec les termes « css tableau lignes alternées » m’a donné ce tutoriel qui me semble clair. Est-ce que cela t’aide ?

7

Merci
En effet, c’est très clair et c’est ce que j’essaye de faire mais ça ne marche pas!!!