O'Reilly logo

CSS 2 - Pratique du design web, 3 edition by Raphaël Goetter

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapitre 16 - En-tête du document

La page web du projet débutera par un en-tête (header) sous la forme d’un bandeau graphique avec le titre du site, un sous-titre et une illustration. Il devra s’adapter à toutes les résolutions d’écran tout en restant accessible au plus grand nombre (sans oublier les non voyants). Quadrature du cercle ?

Découpe et préparation

Un astucieux décor

Le fond de l’en-tête (présenté figure 16-1) est une banale image de 800 pixels par 100, appliquée sans répétition en arrière-plan d’un bloc <div>. Une couleur de fond de raccord (qu’on peut cumuler en CSS avec une image de fond) assurera la bonne tenue de l’ensemble pour les résolutions supérieures.
Figure 16-1 Image de fond de l’en-tête

Contenu de l’en-tête ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required