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
    0
    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 ?
      0
  2. bah ouai
    je cherche sa je te di comment faire dan 20 minutes
    0
    1. ok merci
      0
  3. je peux voir le code de ton tableau ?
    0
    1. 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.
      0
      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 !
        0
        1. Contributeur
          JS, pas accessible du tout…

          fais un essai avec Lynx !
          -;o)
          0