Accueil
Tests
Installer
Paramétrer
Noisettes
Pages spéciales
Plugins
Astuces
Formation
Accueil
Jouer avec les largeurs de colonnes
Par défaut, les colonnes d’un tableau sont de la même largeur.
Mais on peut modifier ce comportement avec un peu de CSS à placer dans un fichier perso.css qui doit se trouver dans /squelettes/styles
Un exemple :
Un tableau à 3 colonnes de tailles différentes : on retaille la première et la deuxième avec ce code css dans perso.css
On ne modifie le tableau que pour cet article (le 293)
- .article293 th:first-child {
- width: 15%;
- }
- .article293 th:nth-child(2){
- width: 20%;
- }
et dans l’article
donne
| Colonne 1 | Colonne 2 | Colonne 3 |
|---|---|---|
| Texte 1-1 | Texte 2-1 | Texte 3-1 |
| Texte 1-2 | Texte 2-2 | Texte 3-2 |
Jouer avec les couleurs
Les couleurs d’un tableau vous gênent ? Pas de souci, on peut les changer.
Un exemple pour avoir des tableaux blancs avec des bords de cases noirs :
- table.spip th, table.spip td{
- background-color: white;
- border: 1px solid black;
- }
et pour cibler un article XX précis
- .articleXX table.spip th, .articleXX table.spip td{
- background-color: white;
- border: 1px solid black;
- }
Et si vous voulez jouer avec les lignes du tableau :
Ligne d’entête
- table.spip tr.row_first{
- background-color: blue;
- }
Lignes impaires
- table.spip tr.row_odd.odd{
- background-color: blue;
- }
Lignes paires
- table.spip tr.row_even.even{
- background-color: blue;
- }
