Css pour tableau
GYK
Messages postés
142
Date d'inscription
Statut
Membre
Dernière intervention
-
Gihef Messages postés 5165 Statut Contributeur -
Gihef Messages postés 5165 Statut Contributeur -
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
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 :-) -
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 -
Ok merci à vous deux
-
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.
-
Génial ca, ca doit être pratique.
Merci Gihef ;)
+testé aussi sous IE nickel
