Travaux pratiques
TROISIÈME PARTIE
196
Pour assurer la bonne adaptation de leur couleur de fond à l’arrière-plan du document, le plus simple est de créer des images à fond transparent. L’objectif est de parvenir à l’habillage arrondi de la figure 14-7.
Il faut prévoir quatre images distinctes, placées dans leurs coins respectifs, pour étirer
le bloc en largeur et en hauteur. Elles seront placées en positionnement flottant,
selon la structure générale représentée figure 14-8.
Dans le code HTML, les coins droits sont placés avant les coins gauches. Ceci assure
le bon fonctionnement de leur positionnement flottant : un élément flottant est
inséré dans le flux puis poussé à droite ou à gauche dans le conteneur. Par conséquent, il n’a d’effet que sur les frères qui le suivent dans la structure HTML. Pour le
reste, ainsi que pour les styles CSS, vous devriez comprendre cette technique et pouvoir la réutiliser.
Figure 14–7
Cadre arrondi
Figure 14–8
Structure du cadre
arrondi
HTML