Sommaire

La Mise en page:affichage tableaumise en page en affichage Tableautableau

La propriété display que nous avons étudiée précédemment permet de changer le mode d’affichage des éléments HTML qui ont un autre type d’affichage initial. Nous allons pouvoir utiliser les valeurs d’affichage dédiées aux tableaux pour créer une mise en page.

Attention, il ne s’agit pas de créer une mise en page avec des tableaux ! Nous allons simplement utiliser les propriétés d’affichage des tableaux pour créer une mise en page.

Nous allons créer une mise en page avec un en-tête, un corps de page à deux colonnes et un pied de page.

Voici le code HTML/CSS utilisé :

<!doctype html> 
<html lang="fr"> 
<head> 
   <meta charset="UTF-8"> 
   <title>Titre de la page</title> 
   <style> 
       #tableau { 
           display: table ; 
       } 
       #en-tete { 
           display: table-header-group ; 
       } 
       #pied-de-page { 
           display: table-footer-group ; 
       } 
       #en-tete, #pied-de-page { 
      ...