Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5847 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120011 Comment placer un texte autour d'une image? | | Voulez-vous vraiment savoir comment placer un texte autour d'une image? Vous allez apprendre comment manipuler les étiquettes et les codes HTML pour atteindre votre objectif sans avoir besoin d'utiliser tout type d'habillage de texte autour générateur d'images. Image à gauche et texte à coté à droite: - Code:
-
<div style="height: 100%; text-align: left; margin: 10px 0px;"> <img src="IMAGE ADDRESSE" border="0" align="left" hspace="10" vspace="3" alt="Wrap Text around Image" /> </a> <span>VOTRE TEXTE ICI</span> </div> --------------------------------------------------------------------------------------------- Texte à gauche et l'image à coté à droite: - Code:
-
<div style="height: 100%; text-align: left; margin: 10px 0px;">
<img src="IMAGE ADDRESSE" border="0" align="right" hspace="10" vspace="3" alt="Wrap Text around Image" /> </a> <span>VOTRE TEXTE ICI</span> </div>
--------------------------------------------------------------------------------------------- Deux images et au centre votre texte: - Code:
-
<div style="height: 100%; TEXT-ALIGN: left; margin: 10px 0px;"> <img src=" ADRESSE DE L IMAGE "border="0" align="left" hspace="10" vspace="3" alt="Text s'enroule autour Image" /> </ A> <img src=" ADRESSE DE L IMAGE "border="0" align="right" hspace="10" vspace="3" alt="Wrapping texte autour Image" /> </ A> <span> VOTRE TEXTE ICI </ span> </ Div>
--------------------------------------------------------------------------------------------- Image à droite et un texte sur le coté, mais pas tout le temps ( saut de ligne) entre paragraphe: - Code:
-
<div style="height: 100%; TEXT-ALIGN: left; margin: 10px 0px;"> <img src=" ADRESSE DE L'IMAGE ICI "border="0" align="left" hspace="10" vspace="3" alt="Wrap texte autour Image" /> </ A> <span> VOTRE TEXTE ICI * <br /> clear="left" CONTINUER VOTRE TEXTE ICI SANS IMAGE WRAPPPING </ span> </ Div>
------------------------------------------------------------------------------------------ Quelques explications: - Code:
-
<div> - tag HTML qui définit une division, section du document. align = "left" - définit l'image d'aligner à gauche par rapport au texte qui l'entoure. hspace = "10" - définit la distance horizontale de 10 pixels entre l'image et le texte. vspace = "3" - définit la distance verticale de trois pixels entre l'image et le texte. - Code:
-
[b]<span> - tag HTML qui contient un paragraphe. - Code:
-
clear="left"> <br - Code:
-
- point d'arrêt de l'habillage du texte autour de l'image (clear = "left" - dans cet exemple).
Dernière édition par Ptite_Perle le Mar 26 Fév 2019 - 18:30, édité 1 fois |
| |
InvitéInvité Re: Comment placer un texte autour d'une image? | | Super ce code ,je vais le tester Merci. |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5847 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120011 Re: Comment placer un texte autour d'une image? | | Ravie que le code t' intéresse Sophie 2
Bisoussss |
| |
CathMembre Messages : 43 Venue : 23/11/2017 Je suis : Age : 59 Je vie à : Loin Humeur : Bonne Mes Points : 46377 Re: Comment placer un texte autour d'une image? | | |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5847 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120011 Re: Comment placer un texte autour d'une image? | | Oui Cath Amicalement |
| |