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

 

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

 

Habituellement, voyus obtenez ceci….

 

votre texte ici
votre texte ici
votre texte ici
votre texte ici
 

 

En réponse à un mail reçu ces jours ci, vous allez trouver ici le code HTML qu’il faut employer pour mettre dans un billet (dans les blogs Live.Space) une image et du texte sur un des côté.

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>

Ce qui donnera sur votre blog

 
votre texte ici
votre texte ici
votre texte ici
votre texte ici

 

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://www.franc83.fr/&#8230;./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à ici, il y a 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

 

A propos micdec

I am a versatile engineer has retired and intense activity on the net, I maintains an openness of mind and some agility thereof. Contacts with persons younger than me motivate me and help me in this direction. Help my next in the best of my ability and knowledge is part of my most precious values as rewarding.
Cet article a été publié dans WINDOWS LIVE. Ajoutez ce permalien à vos favoris.

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

  1. Mata dit :

    Houlà !!!C\’est bien trop compliqué pour moi !!!!!!!J\’ai strictement RIEN pigé!!!!!Par contre j\’aimerais pouvoir mettre la photo que je veux dans un livre d\’or : photo dans mon pc par exemple et aussi et surtout mettre des vidéos dans un livre d\’or (maintenant qu\’il n\’y a plus de code html….)Merci !!!

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s