Forum Crea illusion Fantasy
A quoi sert le forum ?
Ce forum est liée à mon site Crea illusion Fantasy. Un plus pour vous aidez dans vos créations.Vous ne savez pas créer, et vous recherchez une création personnalisée. Le forum vous écoutera vos demandes.
Plusieurs sections :
Des aides: pour votre forum,votre site ou blog.Des tutoriels(photoshop,paintshop,gimp,photofiltre,ect...).Demandes de créations personnalisées. Aide pour prendre en main vos logiciels.Des tutos, des scripts. aides pour le logiciel Flash..... Des concours, des challenges, des duels. Vous y trouverez un accueil sympathique.
Au plaisir de vous lire sur le forum. D'autres choses à venir découvrir sur le forum de Créa illusion Fantasy.

N'hésitez pas à venir vous inscrire.


Aides - Codes - Conseils - Forum - Sites web - blogs - Tout supports - Photographies - Graphismes - Dessins - Peintures - Tutoriels - Publicités.
 
AccueilPortailÉvènementsFAQPublicationsPublicationsS'enregistrerConnexion
Votre bannière ici,Faite la demande dans la catégorie: La place Public


Partagez | .
 

 Comment placer un texte autour d'une image?

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Ptite_Perle
Admin


avatar


Messages : 6738
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8996

MessageSujet: Comment placer un texte autour d'une image?    Mar 1 Oct 2013 - 20:59


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.

[b]
[b][b]
[b]clear="left"> - point d'arrêt de l'habillage du texte autour de l'image (clear = "left" - dans cet exemple).
[/b]
  [/b][/b]
  [/b]
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
Sophie
Directrice en chef de PUB
avatar


Messages : 408
Venue : 16/05/2013 Je suis: : Féminin
Né(e) le : 24/11/1963
Age : 53
Je vie à : Versailles
Humeur : Assez bonne
Mes Points : 1586

MessageSujet: Re: Comment placer un texte autour d'une image?    Mar 26 Nov 2013 - 20:33

Super ce code ,je vais le tester cheers 
Merci.
Revenir en haut Aller en bas
http://www.entre-nous-pub.com/
Ptite_Perle
Admin


avatar


Messages : 6738
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8996

MessageSujet: Re: Comment placer un texte autour d'une image?    Mer 27 Nov 2013 - 18:19

Ravie que le code t' intéresse Sophie 2

Bisoussss
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
Contenu sponsorisé




MessageSujet: Re: Comment placer un texte autour d'une image?    

Revenir en haut Aller en bas
 

Comment placer un texte autour d'une image?

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Comment faire un texte par dessus l'image de fond ?
» Ombre autour d'une image.
» Comment mettre ce texte dans un sujet ?
» Comment déplacer du texte afin qu'il ne se chevauche plus avec des icones
» Modifier couleur rang ou mettre rang sans texte, seulement avec une image.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy  :: Les bidules :: Gadgets-