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

    +testé aussi sous IE nickel
    1. Contributeur
      Merci pour le test.
       
  2. 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
      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. 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. 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 :-)