Forum du site

Accueil

Forum

Escal

Une question technique ?

Colorier un tableau de façon particulière
Pascal FORTIN le 24 juillet 2024 à 09:53	Rappel du sujet : Bonjour Jean Christophe, J’essaie d’allouer des couleurs particuliers à un tableau (intégré ici à l’article 195 du site). Voilà ce je propose : `/Couleur des lignes du tableau des partenaires/ /Lignes impaires/ .article195 table.spip tr.row_odd.odd{ background-color: #FFCA71; } /Lignes paires/ .article195 table.spip tr.row_even.even{ background-color: #C5D445; } /bordures noires/ .article195 table.spip tr { border-color: #000000 }` Ça marche avec les couleurs des lignes, mais je coince sur la couleur des bordures. Où est mon erreur ? https://lyc-careme-savigny-77.fr/spip.php?article195 Avec tous mes remerciements, Pascal
Jean Christophe Villeneuve le 24 juillet 2024 à 10:14	Colorier un tableau de façon particulière Hello Il y a 2 raisons à ça : tu n’as pas défini de largeur ni de style à tes bordures il faudrait écrire `.article195 table.spip tr { border: 1px solid #000000; }` tu n’as pas enlevé la bordure blanche il faudrait donc rajouter `.article195 table.spip, .article195 table.spip td, .article195 table.spip th { border: none; }`

Colorier un tableau de façon particulière

Pascal FORTIN
le 24 juillet 2024
à 09:53

Rappel du sujet :

Bonjour Jean Christophe,

J’essaie d’allouer des couleurs particuliers à un tableau (intégré ici à l’article 195 du site).

Voilà ce je propose :

/*Couleur des lignes du tableau des partenaires*/
/*Lignes impaires*/
.article195 table.spip tr.row_odd.odd{
        background-color: #FFCA71;
}
/*Lignes paires*/
.article195 table.spip tr.row_even.even{
        background-color: #C5D445;
}
/*bordures noires*/
.article195 table.spip tr {
        border-color: #000000
}

Ça marche avec les couleurs des lignes, mais je coince sur la couleur des bordures.

Où est mon erreur ?

https://lyc-careme-savigny-77.fr/spip.php?article195

Avec tous mes remerciements,

Pascal

Jean Christophe Villeneuve
le 24 juillet 2024
à 10:14

Colorier un tableau de façon particulière

Hello

Il y a 2 raisons à ça :

tu n’as pas défini de largeur ni de style à tes bordures
il faudrait écrire
```
.article195 table.spip tr {
	border: 1px solid #000000;
}
```

tu n’as pas enlevé la bordure blanche
il faudrait donc rajouter

.article195 table.spip, 
.article195 table.spip td, 
.article195 table.spip th {
	border: none;
}

Edito