Posez votre question Signaler

Css pour tableau

GYK 142Messages postés 2 janvier 2003Date d'inscription 6 avril 2011Dernière intervention - Dernière réponse le 18 oct. 2006 à 23:15
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
Lire la suite 

Css pour tableau »

7 réponses
Réponse
+0
moins plus
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 :-)
Ajouter un commentaire
Réponse
+0
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
Ok merci à vous deux
Ajouter un commentaire
Réponse
+0
moins plus
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 :
http://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.
Ajouter un commentaire
Réponse
+0
moins plus
Génial ca, ca doit être pratique.
Merci Gihef ;)

+testé aussi sous IE nickel
Gihef - 18 oct. 2006 à 23:15
Merci pour le test.
 
Ajouter un commentaire
Ce document intitulé « css pour tableau » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook