Mise en forme avec une CSS
Vous trouverez ici deux exemples :
Récupérez la page pour un exercice de positionnement de blocs. Enregistrez-la chez vous.
Vous devez proposer trois feuilles de style pour cette page telles que :
- le menu contextuel est à droite et le menu rubrique est
à gauche. La partie principale conserve toujours la même
largeur :
- la même chose mais cette fois-ci la partie principale s'élargit en-dessous des menus (elle récupère de l'espace en largeur)
- le menu rubrique est maintenant une barre horizontale au-dessus au-dessus de la partie principale et du menu contextuel. Les différents éléments du menu rubrique sont alignés. Pour cette présentation, vous supprimerez les cinq derniers items du menu rubrique.
Récupérez la page pour le premier TP sur les CSS. Enregistrez-la chez vous.
Votre mission est la suivante : vous devez proposer une meilleure structuration de cette page ainsi qu'(au moins) une CSS afin qu'elle ressemble à la page présentée ici en trois images :
Vous n'êtes pas obligé de rester collé à la présentation proposée, mais il y a quelques points incontournables :
- La cartouche concernant les points d'organisation (de la partie Accueil jusqu'aux Dates importantes) doit être dans une colonne séparée du reste du texte;
- La liste des membres du comité de programme doit être en double colonne sans utiliser de tableau;
- Le résultat doit être une page XHTML 1.1 ainsi qu'une CSS valides.
Idéalement, vous proposerez :
- une mise en évidence (par un jeu de bordures, par exemple) de chaque partie de la cartouche des points d'organisation;
- une css pour l'impression!
