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!!!!
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
-
pourquoi veu tu utiliser du CSS dans un tableau html ? tu peu changer directement la couleur avec du html
-
bah ouai
je cherche sa je te di comment faire dan 20 minutes -
bah enfait jte passe le tuto :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3 -
je peux voir le code de ton tableau ?
-
Contributeursalut,
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çais</td> <td class="jaune">Hist.-Gé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çais</td> <td class="jaune">Hist.-Gé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.
-
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 !