Mise en œuvre dans un projet professionnel
QUATRIÈME PARTIE
214
Style du slogan
Un paragraphe placé comme les autres dans le flux, positionné grâce aux marges,
avec une police blanche et grasse de 1.1em, donc un peu plus grande que la taille par
défaut de l’élément body, renfermera le slogan.
Ce bloc sera placé par rapport au dernier élément du flux (le titre

), à 45 pixels
du haut et 200 pixels du côté gauche. Ceci ne prend pas en compte son décalage provoqué par text-indent. Rappelons l’interprétation du raccourci margin : les quatre
côtés pris dans le sens horaire en partant du haut.
Cette première étape aboutit ainsi sur l’ébauche de la figure 16-4 : un haut de page
avec bandeau d’arrière-plan et divers éléments.
Tous les éléments suivant le flux courant, ce document reste lisible même sans mise
en forme CSS (ce dont vous vous assurerez en supprimant la ligne de code mentionnant la balise ). On garantit ainsi un accès à tous au site web, qu’on ne réserve
pas aux seuls navigateurs graphiques.
Après une réflexion sur les différents moyens de navigation, nous mettrons en place
les deux menus.
#header p {
margin: 45px 0 0 200px;
font-weight: bold;
color: white;
font-size: 1.1em;
}
Figure 16–4
En-tête finalisé