Images côte a côte

obtenir ces boutons

Publier des images côte à côte dans un message

Aligner les images


On peut facilement afficher des images côte à côte dans un message.

La méthode à suivre est la suivante :

1) Dans le code de l'image qui précède, toujours ajouter "float: left;" (flottement gauche) : exemple :

<img style="float:left;..........."

2) Si cela ne suffit pas, dans le modèle (template), supprimer l'instruction "display: block;" dans le paragraphe qui concerne les images :
img { ... } .

remarque : "display: block;" peut aussi être remplacé par "display: inline;"

3) Si cela ne suffit pas, dans la version HTML du message, coller les codes des images, les uns à la suite des autres ;

4) Si cela ne suffit pas, supprimer dans ces codes, les instructions influençant le positionnement :
- display: block; (peut aussi être remplacé par "display: inline;") ;
- text-align: center;
- float:right;

5) Adapter la largeur ("width") des images ;

6) Supprimer l'instruction "height" qui détermine la hauteur, pour qu'il n'y ait pas de déformation (l'ordinateur se chargeant de calculer une hauteur proportionnelle à la largeur) ;

7) Corriger la largeur des marges extérieures à l'image : par exemple : "margin: 0px 0px 0px 10px;" (rappel : les 4 valeurs successives concernent respectivement la marge : en haut - à droite - en bas - à gauche).

5 commentaires:

corail66 a dit…

bonsoir , je n'ai pas tout compris
pour mettre les images côte à côte : c'est dans HTLM qu'il faut inscrire l'image et son gadget ?
Où je trouve son code ?
Merci

Meiser a dit…

Cette page concerne les photos se trouvant dans des messages.

Il faut d'abord ajouter des photos dans un message puis corriger la version HTML du message.


Récup Hair a dit…

Bonsoir, le résulta est parfait mais en fait, on ne peut cliquer pour agrandir l'image ? ou j'ai dû loupé une étape ?
Merci

Meiser a dit…

Dans l'exemple, les ancres <a href ...> et </a> ont été retirées. Mais on peut bien entendu les laisser.

http://modifier-les-modeles-de-blogger.blogspot.com/2010/01/creer-un-lien-blogger.html


Récup Hair a dit…

J'ai quand même passé une nuit blanche pour comprendre cette partie ;( et oui, html et moi, on est pas encore très copain ;)
Mais merci à vous, même si, parfois je trouve que vos explications ressemblent aux casses-têtes :(
mais heureusement que vous êtes là :)
Encore Merci.
http://recuphair.blogspot.com/