Quelques problèmes sur blogger

C'est vrai qu'aligner les images et le texte n'est pas toujours aisé.

Il y a deux solutions, soit utiliser un tableau, soit utiliser un style CSS, la propriété "float".

L'éditeur ne propose pas d'insérer un tableau, il faut le faire manuellement en HTML.

Pour le CSS : https://www.alsacreations.com/astuce/lire/77-Aligner-des-elements-horizontalement-sans-tableau.html

Mais, tu n'es pas obligée de modifier la feuille de style, tu peux l'ajouter manuellement à chaque image :

<img src="image.jpg" alt="" style="float: left; margin: 10px" />Texte placé à côté de l'image.
<img src="image.jpg" alt="" style="float: right; margin: 10px" />Texte placé à côté de l'image.

Bonjour,

Pour insérer un tableau en HTML, il faut cliquer sur le bouton "HTML" de l'éditeur, puis tu fais un copié/collé du code ci-dessous :

<table border="1" cellspacing="0" style="border-collapse: collapse; border-color: rgb(136 , 136 , 136); border-width: 1px; margin-left: auto; margin-right: auto; width: 100%;">
<tbody>
<tr><td style="height: 100px; width: 50%;">cellule 1-1</td><td style="height: 100px; width: 50%;">cellule 1-2</td></tr>
<tr><td style="height: 100px; width: 50%;">cellule 2-1</td><td style="height: 100px; width: 50%;">cellule 2-2</td></tr>
<tr><td style="height: 100px; width: 50%;">cellule 3-1</td><td style="height: 100px; width: 50%;">cellule 3-2</td></tr>
</tbody>
</table>

Il s'agit d'un tableau comportant deux colonnes et trois lignes.
Une fois inséré dans l'éditeur, il est possible d'ajouter du contenu dans chaque cellule.

J'ai mis les largeurs en pourcentage pour un meilleur affichage sur tous les écrans.
Le tableau fait 100% de la page et chaque colonne fait 50% du tableau.
Ne pas mettre des images trop grandes pour ne pas déformer le tableau.

La hauteur des cellules est de 100px (height: 100px), bien entendu, tu peux la modifier en fonction de tes besoins.
Si tu modifies la hauteur d'une ligne, pense à le faire dans les deux cellules de la ligne.
En principe, ce n'est pas nécessaire, la hauteur s'adapte au contenu.

Pour ne pas voir le quadrillage du tableau, il faut mettre <table border="0" à la place de <table border="1".

Les lignes commencent par <tr> et finissent par </tr>.

Les colonnes se situent entre les balises <td> et </td>, ça correspond à une cellule.

Pour ajouter une ligne, il faut ajouter le code suivant, avant la balise </tbody> :

<tr><td style="height: 100px; width: 50%;">cellule 4-1</td><td style="height: 100px; width: 50%;">cellule 4-2</td></tr>

Tu peux en ajouter autant que tu veux.

Voici le résultat :






Pour les options d'un tableau : http://www.guide-code-html.com/les-tables-html.php

Tu peux aussi utiliser un éditeur HTML en ligne pour créer ton tableau, puis faire un copié/collé du code HTML :

https://www.mides.fr/geocaching-editeur-html-en-ligne