comment aligner des images ?

[Carine Lenfant]

Mon message

Bonjour,
Quand je travaille sur un article, que j'insère des images, j'ai beau les réduire ou les agrandir, elles ne s'affichent jamais sur la même ligne. Elles se baladent ! Impossible de les ranger comme je veux . Et si je jette un oeil à l'aperçu, cela ne correspond pas du tout après avoir enregistré à ce que l'on voit au final.

Comment peut on aligner des images de taille équivalente ? Ou si certaines sont plus grandes, au moins alignées par le haut ou par le bas ? Merci de votre aide

URL de mon blog

https://www.escapades-autour-du-monde.fr

[Rachid Amaoui]

Bonjour,

Regroupe les images désirées  dans un div

<div style="display: flex; flex-wrap: wrap;">
Code HTML de tes images
<div>

[Carine Lenfant]

Merci, je vais essayer. Bonne année 

--
La Communauté ne peut vivre qu'à travers ses membres ! C'est vous qui construisez cet espace à votre image. Comment faire ? :
 
• Poser des questions : votre question n'a pas encore été abordée ? Lancez un nouveau sujet dans le forum et attendez qu'un membre vienne vous aider.
• Aider les autres : un sujet n'a pas encore de réponse et vous avez la solution ? Proposez-la et peut-être qu'elle conviendra !
• Remercier : un membre donne la bonne réponse à votre question ? Remerciez-le et notez-la comme "meilleure réponse"
• Participer : une Communauté doit être vivante. N'hésitez pas à prendre part aux discussions en cours pour apporter un point de vue nouveau sur un sujet.
---
Vous recevez ce message, car vous êtes abonné au groupe Google Groupes "Forum Blogger Ambassade Francophone".
Pour vous désabonner de ce groupe et ne plus recevoir d'e-mails le concernant, envoyez un e-mail à l'adresse blogger-fr+...@googlegroups.com.
Cette discussion peut être lue sur le Web à l'adresse https://groups.google.com/d/msgid/blogger-fr/37e0f2b9-f29f-43e6-8d0b-7762a162a026%40googlegroups.com.

[Carine Lenfant]

Bonjour

Partie à l'étranger, je n'ai pas repris mon blog, toujours aussi bancal

Je ne comprends pas ce que vous me conseillez, je suis allée voir le code source mais mes images ne sont pas en code html, elles apparaissent en jpeg.

Comment puis je intervenir sur le code source ? Je débute vraiment !

jetez un oeil à cette page :

tps://www.escapades-autour-du-monde.com/londres

et voilà le problème ( ce qui apparait dans le code source)

<a href="https://1.bp.blogspot.com/-m5RH1jZXzXc/XekMyUVnDgI/AAAAAAAADUo/GFdVX2wCVQoInX9wRmjcG5mmk58SdfR8gCLcBGAsYHQ/s1600/P1340414.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="150" src="https://1.bp.blogspot.com/-m5RH1jZXzXc/XekMyUVnDgI/AAAAAAAADUo/GFdVX2wCVQoInX9wRmjcG5mmk58SdfR8gCLcBGAsYHQ/s200/P1340414.JPG" width="200" /></a></div>
<a href="https://1.bp.blogspot.com/-0dal6XzD93Y/XekMl_M7faI/AAAAAAAADUk/hOxt1AgvTm4Oq4gRcUfZRB2M1jLoGFzoACLcBGAsYHQ/s1600/20191004_110351.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="200" src="https://1.bp.blogspot.com/-0dal6XzD93Y/XekMl_M7faI/AAAAAAAADUk/hOxt1AgvTm4Oq4gRcUfZRB2M1jLoGFzoACLcBGAsYHQ/s200/20191004_110351.jpg" width="150" /></a><a href="https://1.bp.blogspot.com/-0dal6XzD93Y/XekMl_M7faI/AAAAAAAADUk/hOxt1AgvTm4Oq4gRcUfZRB2M1jLoGFzoACLcBGAsYHQ/s1600/20191004_110351.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://1.bp.blogspot.com/-1mndQp6Nen4/XekMj3QI0xI/AAAAAAAADUg/TRoYA7aP1hgOauLgPX0Dgg0Su7jMeOziQCLcBGAsYHQ/s1600/20191007_164120.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><br />
<br />
<img border="0" data-original-height="959" data-original-width="1600" height="119" src="https://1.bp.blogspot.com/-1mndQp6Nen4/XekMj3QI0xI/AAAAAAAADUg/TRoYA7aP1hgOauLgPX0Dgg0Su7jMeOziQCLcBGAsYHQ/s200/20191007_164120.jpg" width="200" /><br />
<br />

---------------

je ne suis pas informaticienne, il n'y a pas moyen d'aligner les images par une manip sur le clavier ? ou via une fonction dans Blogger ?
merci de votre aide
Carine

[Hugues Dedit]

Bonjour,
Blogger vous permet de centrer une image, ou de l'aligner à droite ou à gauche.
Il n'existe pas de raccourci clavier.
Si vous souhaitez réaliser une mise en page des images plus subtile, il faut éditer le code de la page pour y ajouter du code CSS.

Pour aligner horizontalement 3 images, je vous déconseille de passer par un tableau HTML. La bonne méthode est d'insérer et modifier le code CSS comme le décrit cet article :
http://trucsdeblogger.blogspot.com/2014/09/comment-aligner-des-images-dans-un-post.html

Cordialement