Partager l'article ! Intégration de la feuille de style css: L'apparence de notre tableau commençant à se complexifier, nous avon ...
L'apparence de notre tableau commençant à se complexifier, nous avons pensé qu'il serait utile de créer une feuille de style CSS et de la joindre au code html du tableau à l'aide des balises
appropriées.
Cela permettrait :
- de rendre plus clair le script.
Comme il contient tout le code html, cela aurait le mérite de diminuer le nombre d'attributs utilisés pour chaque balises.
- de pouvoir changer l'apparence du tableau sans avoir à toucher au code du script.
Dans la feuille de style CSS, nous avons donc fixé les attributs des balises html
<body> <p> <td> et <table> tel que "background-color", "font-family" etc...
Puis, comme nous avons choisit différentes couleurs de fond pour les cellules contenant la langue, le sens sélectionné et le type de fichier, il a fallut créer une propriété "class" aux endroits
appropriés pour pouvoir définir ensuite ses paramètres dans le CSS.
Par exemple, une balise html définit ainsi "<p class="exemple" >" pourra être paramétrée dans un CSS comme ceci :
.exemple
{
background-color: Sienna;
}
Certaines balises ne pouvant être gérées par le CSS tel colspan ont été laissé dans le code html.
De même, les différentes largeurs des cellules (balises html "width") n'étant écrites qu'une seule fois dans le code html, nous avons trouvé inutile de les inclure dans le CSS.
Voici donc le css :
à venir