Image et texte sur un côté

31.08.2009

Code HTML pour mettre une image et du texte sur un côté.

Code à copier

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

Ce qui donnera

Bonjour

Bienvenue

sur

DecosBlogs

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://decosblogs..../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