SELFHTML: HTML / Graphiques/ Espace entre le graphique et ce qui l'entoure

SELFHTML/Quickbar HTML Graphiques en HTML

	Espace entre le graphique et ce qui l'entoure
	Définir l'espace entre le graphique et le texte

Définir l'espace entre le graphique et le texte

Exemple d'affichage: aperçu

Vous pouvez définir la taille de l'espace entre un graphique et ce qui l'entoure.

Exemple 1:

<img src="fichier.gif" align=left hspace=20>texte qui entoure le graphique

Exemple 2:

<p>Texte au dessus du graphique</p>
<img src="fichier.gif" vspace=30>
<p>Texte en dessous du graphique</p>

Exemple 3:

<div align=center>
<p>Texte au dessus du graphique</p>
<p>texte à gauche du graphique<img src="fichier.gif" align=absmiddle hspace=40 vspace=40>texte à droite du graphique</p>
<p>Texte en dessous du graphique</p>
</div>

Explication:

Avec hspace= [pixels] vous déterminez l'espace entre un graphique et d'autres éléments à sa gauche ou à sa droite (hspace = horizontal space = espace horizontal ).
Avec vspace= [Pixel] vous déterminez l'espace entre un graphique et d'autres éléments au dessus ou en dessous (vspace = vertical space = espace vertical ).

Les deux mentions sont aussi possibles en même temps comme dans le troisième des exemples ci-dessus.

Attention:

La mention hspace= concerne toujours l'espace du bord gauche et du bord droit du graphique, la mention vspace= toujours l'espace du bord supérieur et inférieur. Si par exemple vous définissez hspace= pour un graphique aligné à gauche , un espace ne sera pas seulement créé entre le bord droit du graphique et le texte qui le côtoie mais aussi entre le bord gauche du graphique et le bord de la fenêtre d'affichage. Pour l'éviter, vous pouvez travailler de façon plus précise en utilisant les feuilles de style CSS. À l'aide des mentions de feuilles de style pour les espaces, marges, alignement dans le repère <img>, vous pouvez définir les espaces sur une page en les ciblant.


après:	Charger les graphiques en deux versions
avant:	Laisser le texte entourer le graphique

SELFHTML/Quickbar HTML Graphique en HTML