ALL HTML - Les marges de la page

retour

Les marges de la page

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

VOS COMMENTAIRES ...

Commenter cette publication

Commentaire publié le mardi 02 janvier 2007 - 13h09 par jarodender: 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.

05/02/2012 - 18h53 fenetre popup (10 réponses)
31/01/2012 - 20h36 Cherche scripts pour réaliser un battement de coeur (2 réponses)
31/01/2012 - 10h57 mon background cache tous mon site (1 réponse)
30/01/2012 - 12h23 Ouverture 2 pages dans 2 frames (2 réponses)
29/12/2011 - 09h41 Mise en page de blocs IE inférieur à 7 (0 réponse)