Css et tableau

misa -  
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   -
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. Utilisateur anonyme
     
    pourquoi veu tu utiliser du CSS dans un tableau html ? tu peu changer directement la couleur avec du html
    0
    1. misa
       
      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. Utilisateur anonyme
     
    bah ouai
    je cherche sa je te di comment faire dan 20 minutes
    0
    1. misa
       
      ok merci
      0
  3. puxor Messages postés 367 Statut Membre 89
     
    je peux voir le code de ton tableau ?
    0
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  5. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    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
  6. puxor Messages postés 367 Statut Membre 89
     
    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. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
       
      JS, pas accessible du tout…

      fais un essai avec Lynx !
      -;o)
      0