Image + texte

Code HTML pour une image et du texte à coté



Hrithik Roshan

 
 
 
 
 
Comme vous pouvez le constater dans cet exemple, on peut mettre un texte à côté d'une image, grâce au code ci-dessous.
 
 
 
 
 
 
 
 
 
 
  Code à copier (et à personnaliser évidemment)
 

<DIV><IMG style="PADDING-RIGHT: 17px; PADDING-LEFT: 37px; FLOAT: left" src="ici mettre l'adresse de votre image" border=0></DIV>
<DIV> </DIV>
<DIV>votre texte ici</DIV>
<DIV>votre texte ici</DIV>
<DIV>votre texte ici</DIV>
<DIV>votre texte ici</DIV>

 

Quelques explications des réglages du code Html donné:


  • PADDING-RIGHT: 17px = modifier ce nombre pour écarter ou rapprocher le texte de l'image
  • PADDING-LEFT: 37px = modifier ce nombre pour écarter l'image du bord ou la rapprocher
  • FLOAT: left" = mettre left pour gauche ou right pour image à droite du texte
  • src="ici mettre l'adresse de votre image" = par exemple http://sites.google.com/..../image.jpg
  • border=0 = en mettant zéro vous n'aurez pas de vilaine bordure bleue autour de votre image
  • <DIV>votre texte ici</DIV> = à mettre autant de fois que vous voulez de lignes


Voilà j'ai mis le code le plus simple possible. Il est évidemment possible de rajouter d'autres balises.


Par exemple :


  • le nom de votre image avec la balise alt="nom de l'image" (placée entre l'adresse de vore image et border=0
  • les balises width="165" height="111" (placées après alt) Ici les nombres 165 et 111 servent d'exemple

Aucune note. Soyez le premier à attribuer une note !

Ajouter un commentaire

Vous utilisez un logiciel de type AdBlock, qui bloque le service de captchas publicitaires utilisé sur ce site. Pour pouvoir envoyer votre message, désactivez Adblock.

BoosterSite.com : Echange de clics !

1POUR1.NET - Echange de bannières - Ratio 1:1

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site

×