Css pour tableau

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

6 réponses

  1. 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 :-)
    1. 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
      1. Modérateur
        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
        1. Contributeur
          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.
          1. Modérateur
            Génial ca, ca doit être pratique.
            Merci Gihef ;)

            +testé aussi sous IE nickel
            1. Contributeur
              Merci pour le test.