Dans le cours : L’intégration web : Coder un design en HTML et CSS

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 24 700 cours dispensés par des experts.

Corriger la mise en forme du titre de la page

Corriger la mise en forme du titre de la page

Dans le cours : L’intégration web : Coder un design en HTML et CSS

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Corriger la mise en forme du titre de la page

“

Eh bien voici l'aspect actuel de notre page contact quand on la regarde dans un navigateur. Donc nous retrouvons ici la zone de titre avec l'image de fond, les deux paragraphes d'introduction et puis notre formulaire de contact. Premier problème à résoudre, c'est celui de l'image de fond de la zone de titre. Vous voyez que c'est exactement la même image que sur la page texte que nous avons développée dans le chapitre précédent. Or, si on regarde la maquette Photoshop, eh bien on remarque que le designer nous demande une image différente sur chaque page. Alors la structure et la mise en forme générale de cette zone de titre ne changent pas. C'est juste l'image de fond qui change de page en page, mais le reste peut rester identique. Donc de retour au niveau de notre code, on va se rendre au niveau de notre code CSS. En fait, le problème il est ici au niveau de ce style main content header. Vous voyez qu'on a cette propriété background image qui place donc cette image de fond pour toutes…

Table des matières