Travaux pratiques
TROISIÈME PARTIE
190
Cadre de largeur fixe
Le cadre de contour n’étant qu’un habillage graphique, aucune balise structurelle
n’est spécifiquement adapté à sa sémantique. C’est pourquoi nous retiendrons l’élément neutre
TROISIÈME PARTIE
190
Cadre de largeur fixe
Le cadre de contour n’étant qu’un habillage graphique, aucune balise structurelle
n’est spécifiquement adapté à sa sémantique. C’est pourquoi nous retiendrons l’élément neutre
, sans doute le plus approprié ici. L’objectif est d’obtenir le rendu
de la figure 14-1.
La hauteur variable et non contrôlée de ce cadre interdit la solution simple d’une
unique image de fond, incapable de s’étirer. Nous découpons donc (figure 14-2)
l’arrière-plan en deux images complémentaires : un chapeau pour la partie haute
(figure 14-3) et un fond habillant le contenu et le pied du cadre (figure 14-4).
Figure 14–1
Cadre graphique
en CSS
Figure 14–2
Préparation et découpage du cadre
de la figure 14-1.
La hauteur variable et non contrôlée de ce cadre interdit la solution simple d’une
unique image de fond, incapable de s’étirer. Nous découpons donc (figure 14-2)
l’arrière-plan en deux images complémentaires : un chapeau pour la partie haute
(figure 14-3) et un fond habillant le contenu et le pied du cadre (figure 14-4).
Figure 14–1
Cadre graphique
en CSS
Figure 14–2
Préparation et découpage du cadre
