Toutela - Le site des Internautes

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é.

Exemple :

Ceci est un texte qui applique la feuille de style dans une balise '

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

Ceci est un texte qui applique la feuille de style dans une balise '

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

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 ''. Ceci est un texte qui applique la feuille de style dans des balises ''.

Le code :

Entre <HEAD> et </HEAD> :

Entre <BODY> et </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></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></span></span>

Newsletter

Toutela