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 { ...
Abonnement
tous les livres et vidéos ENI en illimité sans engagement
du livre imprimé ou du livre numérique