Biblioscript.com : Marges extérieures

	<SCRIPT LANGUAGE=JavaScript> var nbre = Math.round(Math.random()10000); var chaine="<a href=http://www3.click-fr.com/clickj.cgi?a=1019-405664&b=" + nbre + " target=clickfr><img border=0 height=60 width=468 SRC=http://www3.click-fr.com/printj.cgi?a=1019-405664&b=" + nbre +" alt=\" Visitez notre Sponsor ! *\"></a>"; document.write(chaine); </SCRIPT> Membre de ClickFR, Reseau francophone Paie-Par-Click


- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]

	CSS 2

La structure

Marges extérieures

Compatibilite du script... a partir de :

Connexion ratee

	Fonction

		Lorsque vous créez des blocs de texte, par des tableaux, des calques (layers) ou simplement des paragraphes, il peut être utile ou é,légant de réserver une marge libre tout autour ou simplement d'un côté du texte ou de l'image, c'est ce à quoi sert cette feuille de style. Contrairement aux marges intérieures, cette 'marge' s'appliquera à l'extérieur du bloc concerné.

	Principe

		L'attribut 'margin' permet de gérer l'espace entre le contour extérieur d'un bloc (tableau, paragraphe, calque) et ce qui l'entoure, le reste de la page. La syntaxe : margin: 10px : une marge de 10 pixels sera appliquée tout autour, à l'extérieur du bloc, margin: 10px 20px : une marge de 10 pixels sera appliquée au-dessus et au-dessous tandis qu'une marge de 20 pixels sera appliquée à gauche et à droite, margin: 10px 20px 30px : une marge de 10 pixels sera appliquée au-dessus, 20 pixels seront appliqués à gauche et à droite, et 30 pixels iront sous le bloc, margin: 10px 20px 30px 40px : une marge de 10 pixels sera appliquée au-dessus, 20 pixels seront appliqués à droite, 30 pixels iront à au-dessous et 40 pixels à gauche, margin-top: 10px : une marge de 10 pixels sera appliquée au-dessus du bloc, margin-right: 10px : une marge de 10 pixels sera appliquée à droite du bloc, margin-bottom: 10px : une marge de 10 pixels sera appliquée au-dessous du bloc, margin-left: 10px : une marge de 10 pixels sera appliquée à gauche du bloc. La marge peut âtre indiquée en pixels (px), en pourcentage de la hauteur de ligne courante (em). Dans une balise <span>, la marge n'est respectée que sur les côtés gauche et droit, pas haut et bas.

	La méthode

dans la partie <head>

dans la partie <body>

<hr>
<p class="marge">Ceci est un texte qui applique la feuille de style dans une balise '<p>'. Ceci est un texte qui applique la feuille de style dans une balise '<p>' </p>
<hr>
<div class="marge">Ceci est un texte qui applique la feuille de style dans une balise '<div>'. Ceci est un texte qui applique la feuille de style dans une balise '<div>' </div>
<hr>
<table cellspacing="0" cellpadding="0" border="1" class="marge">

<tr>

<td>Ceci est un texte qui applique la feuille de style dans un tableau. Ceci est un texte qui applique la feuille de style dans un tableau. Ceci est un texte qui applique la feuille de style dans un tableau</td>

</tr>
</table>
<hr>
Ceci est un texte qui applique <span class="marge">la feuille de style </span> dans des balises '<span>'. Ceci est un texte qui applique <span class="marge">la feuille de style </span> dans des balises '<span>'.
<hr>
<img src="logo.gif" class="marge"> <img src="logo.gif" class="marge"> <img src="logo.gif" class="marge"> <img src="logo.gif" class="marge">
<hr>

	Démonstration

Sur toute la démonstration, aucun espace n'est forcé entre les différents exemples. Les traits horizontaux permettent de voir comment les marges verticales s'enchainent.

Ceci est un texte qui applique la feuille de style dans une balise '<p>'. Ceci est un texte qui applique la feuille de style dans une balise '<p>'

Ceci est un texte qui applique la feuille de style dans une balise '<div>'. Ceci est un texte qui applique la feuille de style dans une balise '<div>'

Ceci est un texte qui applique la feuille de style dans un tableau. Ceci est un texte qui applique la feuille de style dans un tableau. Ceci est un texte qui applique la feuille de style dans un tableau

Ceci est un texte qui applique la feuille de style dans des balises '<span>'. Ceci est un texte qui applique la feuille de style dans des balises '<span>'.

	Téléchargement

Cette feuille de style est disponible en deux versions :

le style est appliqué localement, dans la balise style de la page),

le style dans une feuille de style externe, commune à toutes les pages (fichier .css).

L'intérêt d'une feuille de style est de pouvoir partager le style entre plusieurs liens de la page.

Style local :

str_margin.zip
4 Ko

Feuille de style :

str_margin2.zip
4 Ko


	Recherche


	DHTML


	HTML 4


	Javascript 1.3


	Références


	Aide générale


	statistiques