Css pour tableau
GYK
Messages postés
142
Date d'inscription
Statut
Membre
Dernière intervention
-
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je souhaite créer une feuille de style pour des pages qui ont systématiquement un tableau.
Ce tableau à toujours 8 colonnes et un nombre de ligne variable.
J'aimerais donc faire une feuille de style qui me permet de definir les attributs de chaque colonne.
Est-ce possible?
Si oui comme faire?
Merci
Je souhaite créer une feuille de style pour des pages qui ont systématiquement un tableau.
Ce tableau à toujours 8 colonnes et un nombre de ligne variable.
J'aimerais donc faire une feuille de style qui me permet de definir les attributs de chaque colonne.
Est-ce possible?
Si oui comme faire?
Merci
A voir également:
- Css pour tableau
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Imprimer tableau excel sur une page - Guide
6 réponses
En attribuant un style pour chaque cellule.
Donc si les 8 colonnes doivent chacune avoir un style différent, tu fais 8 styles sur ton fichier CSS et tu attribues le même style aux cellules d'une même colonne en appelant le style adéquat avec un "id". Sais pas si il y a plus simple :-)
Donc si les 8 colonnes doivent chacune avoir un style différent, tu fais 8 styles sur ton fichier CSS et tu attribues le même style aux cellules d'une même colonne en appelant le style adéquat avec un "id". Sais pas si il y a plus simple :-)
Oui c'est une solution, j'y avais pensé, mais je préferais avoir un css global. C'est justement pour éviter les manips pour chaque colonne
Bonjour.
Je pense pas qu'il y ait plus simple. Sinon, il existe des fonctions qui colorent de x couleurs différentes les colonnes d'un tableau, mais bon....
Si les 8 colonnes doivent chacune avoir un style différent, tu fais 8 styles sur ton fichier CSS et tu attribues le même style aux cellules d'une même colonne en appelant le style adéquat avec un "id". Sais pas si il y a plus simple :-)
Oui. Et si certaines doivent avoir le même style, tu fais ca avec des attributs class.
a plus
Je pense pas qu'il y ait plus simple. Sinon, il existe des fonctions qui colorent de x couleurs différentes les colonnes d'un tableau, mais bon....
Si les 8 colonnes doivent chacune avoir un style différent, tu fais 8 styles sur ton fichier CSS et tu attribues le même style aux cellules d'une même colonne en appelant le style adéquat avec un "id". Sais pas si il y a plus simple :-)
Oui. Et si certaines doivent avoir le même style, tu fais ca avec des attributs class.
a plus
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
HTML a prévu quelque chose COLGROUP et COL qui répond en partie à ta demande.
Je t'ai mis un exemple ici :
http://gihef.bey.free.fr/CCM/coltablo/tablo.html
De la doc ici :
https://www.la-grange.net/w3c/html4.01/struct/tables.html#h-11.2.4
Tu remarqueras que la mise en forme est limitée.
Dans les <col> on ne peut appliquer que certains attributs.
Par exemple, j'ai appliqué une serif dans le tableau.
C'est bien le style “table {” qui agit, pas le “.col1, .col23, .col4, .col5678 {”.
Comme la cursive ou la color ne sont pas appliquées à “.col1 {”
Par contre, les couleurs sont prises en compte.
Etc.
Alors que les styles fonctionnent dans les <td>.
À tester.
+ Testé dans Safari et Firefox.
HTML a prévu quelque chose COLGROUP et COL qui répond en partie à ta demande.
Je t'ai mis un exemple ici :
http://gihef.bey.free.fr/CCM/coltablo/tablo.html
De la doc ici :
https://www.la-grange.net/w3c/html4.01/struct/tables.html#h-11.2.4
Tu remarqueras que la mise en forme est limitée.
Dans les <col> on ne peut appliquer que certains attributs.
Par exemple, j'ai appliqué une serif dans le tableau.
C'est bien le style “table {” qui agit, pas le “.col1, .col23, .col4, .col5678 {”.
Comme la cursive ou la color ne sont pas appliquées à “.col1 {”
Par contre, les couleurs sont prises en compte.
Etc.
Alors que les styles fonctionnent dans les <td>.
À tester.
+ Testé dans Safari et Firefox.
