Css et tableau

Bonjour,
j'ai créer une page web ou j'ai mis sous format de tableau ma fiche horaire de cours et j'aimerai spécifier caque cours par une couleur à l'aide d'une feuille de style css aidez moi!!!!
Configuration: Windows XP
Firefox 3.0.1

6 réponses

  1. pourquoi veu tu utiliser du CSS dans un tableau html ? tu peu changer directement la couleur avec du html
    1. IL me semble que c'est possible mais c'est un petit exo qu'on ma demandé de faire ainsi avec feuille de style css c possible aussi non ?
  2. bah ouai
    je cherche sa je te di comment faire dan 20 minutes
  3. Contributeur
    salut,

    dans le HTML, tes <td> ou <th>, tu leur attribues une classe, e plus simple est de mettre le nom de la couleur.
    <td class="bleu">Maths</td>
    <td class="vert">Fran&ccedil;ais</td>
    <td class="jaune">Hist.-G&eacute;o</td>

    et en CSS, tu appliques une couleur de fond à chaque classe :
    td.bleu{
    	background-color:#00F;
    }
    td.vert{
    	background-color:#0F0;
    }
    td.jaune{
    	background-color:#0FF;
    }

    et avec la même technique tu peux combiner les effets de style :
    <th class"rouge gras capitale">Lundi</th>
    <td class="bleu">Maths</td>
    <td class="vert">Fran&ccedil;ais</td>
    <td class="jaune">Hist.-G&eacute;o</td>

    et en CSS :
    td.bleu{
    	background-color:#00F;
    }
    td.vert{
    	background-color:#0F0;
    }
    td.jaune{
    	background-color:#0FF;
    }
    td.rouge{
    	background-color:#F00;
    }
    td.gras{
    	font-weight:bold;
    }
    td.capitale{
    	text-transform:capitalize; 
    }

    il faut tester et peut être améliorer les sélecteurs.
    1. Bonsoir !

      En javascript au moins on aurait pu faire un tableau dynamique qui pourrait modifier le bg des chmps automatiquement en cas de changement dans l'horaire...

      Javascript : Lourd, accessible et indispensable !
      1. Contributeur
        JS, pas accessible du tout…

        fais un essai avec Lynx !
        -;o)