La communauté ALL HTML c'est 58026 membres à ce jour dont 2 inscrits aujourd'hui et 31 depuis une semaine.

Les marges de la page

Photo de Foxi31 Article publié le lundi 08 mai 2006 par Foxi31.
Cet article est classé dans les catégories « HTML »

Définir les marges de la page dans <body>

La balise <body>

La balise <body> définie le commencement de la partie corps de votre page html. On peut l'utilisée pour définir les espaces entre la page et l'espace du nagivateur dédié au corps de la page.
Il y a quatres marges :
- à gauche : leftmargin
- à droite : rightmargin
- en haut : topmargin
- en bas : bottommargin
Dont on peut choisir la taille pour :
- pour gauche et de droite avec : marginwidth
- pour haut et du bas avec : marginheight
On définit leur taille en pixels.

Exmple : Sans Marges

<body bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0">
Exemple de page sans marges : http://wc3maps.tk

Exmple : Avec des marges d'un pixel

<body bottommargin="1" topmargin="1" leftmargin="1" rightmargin="1" marginheight="1" marginwidth="1">

VOS COMMENTAIRES ...

Commenter cette publication

Photo de jarodender Commentaire publié le mardi 02 janvier 2007 à 13 h 09 par jarodender modérateur
Il faut bien différencier HTML qui est un langage de description de données
et CSS qui est un langage de présentation d'un document structuré en HTML.

De ce fait les anciennes références HTML :
topmargin
rightmargin
bottommargin
leftmargin
marginwidth
marginheight

sont aisément remplacées en CSS par :
margin-top
margin-right
margin-bottom
margin-left
avec la version courte :
margin: [margin-top] [margin-right] [margin-bottom] [margin-left];

exemples :
margin: 0; /* ne donne aucune marge */
margin: 5px 10px 7px 13px; /* donne 5px en haut, 10 à droite , 7 en bas et 13 à gauche */
margin: 15px 0; /* donne une hauteur de 15px en haut et en bas (soit 30px de hauteur) et 0 à gauche et à droite */

de même il existe padding qui peut être intéressante

Nota: px (pixel) n'est pas la seule unité de mesure, il existe em,% qui sont adaptées pour l'affichage et pt qui est adaptée à l'impression

Commenter cette publication

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

Forums de discussions associés

Discutez et échangez sur ce thème dans notre forum XHTML - HTML - CSS.

Liens sponsorisés

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

agenda