Positionnement des blocs
-
Bonjour,
Je viens de créer mon blog (blog 100% gratuit sans abonnement) et j’ai un petit soucis concernant les blocs lors de l’écriture d’articles/pages. J’aimerai insérer plusieurs images (images de vêtements par exemple) et lorsque l’on clique sur la photo, celle-ci nous redirige vers le site en question. Sur ce coup la pas de soucis. Mais c’est lorsque j’en insère plusieurs, elles se disposent les unes en dessous des autres sauf que j’aimerai qu’elles se mettent également les unes à coté des autres (en 4 colonnes par exemple). Et également lorsque j’écris un article, comment faire pour que la photo soit à gauche, par exemple, et le texte à droite ?
J’ai consulté bon nombre de forum pour m’aider à ce sujet mais sans succès… beaucoup parle des codes HTML mais étant complètement novice je ne comprend pas très bien comment faire.
Merci d’avance pour vos réponses!
L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).
-
Bonjour. Avant toute chose : le site 123lisa.home.blog ne semble pas exister. Pourriez-vous confirmer l’adresse du site pour lequel vous posez la question?
-
En effet, étant encore en pleine configuration j’ai changé ce matin le nom en oubliant qu’il y aurait un impact sur ce sujet
Voici la nouvelle adresse https://plaidetchocolat.wordpress.com
-
J’aimerai insérer plusieurs images (images de vêtements par exemple) et lorsque l’on clique sur la photo, celle-ci nous redirige vers le site en question. Sur ce coup la pas de soucis. Mais c’est lorsque j’en insère plusieurs, elles se disposent les unes en dessous des autres sauf que j’aimerai qu’elles se mettent également les unes à coté des autres (en 4 colonnes par exemple).
Dans ce cas, il faudrait utiliser un tableau HTML. Il existe des tonnes de guides sur Internet pour créer un tableau. Faites une recherche dans Google et, au besoin, revenez ici si vous éprouvez des difficultés à suivre les instructions que vous aurez trouvées.
Et également lorsque j’écris un article, comment faire pour que la photo soit à gauche, par exemple, et le texte à droite ?
Lorsque vous insérez une image dans votre article, vous pouvez cliquer dessus une fois et vous verrez cet ensemble de boutons (cliquez sur le lien pour voir un exemple) :
https://en.support.wordpress.com/images/image-settings/#within-posts
Ces boutons vous permettent de changer la position de l’image par rapport au texte. -
Alors, en ce qui concerne le tableau HTML j’ai en effet fait quelques recherches et je pense avoir compris la méthode mais malheureusement je n’arrive pas à l’appliquer…
Voici le site que j’ai trouvé : http://pc-design-formation.forumperso.com/t55-cours-n16-inserer-une-image-dans-un-tableau
Je pense que c’est au moment d’insérer le lien de ma photo que ca ne fonctionne pas…Voici mon tableau :
<center>
<table border= »2″>
<tr>
<td></td>
<td>EMPLACEMENT IMAGE</td>
</tr>
<tr>
<td>EMPLACEMENT IMAGE</td>
<td>EMPLACEMENT IMAGE</td>
</tr>
</table>
</center>
(je n’ai fait le test de l’image qu’une seule fois)
Pouvez-vous me dire où est-ce qu’il y a une erreur ?En ce qui concerne la deuxième partie de ma question, j’ai essayant face les boutons que vous m’avez indiqué mais ca ne change en rien la mise en page, j’ai toujours mon texte placé en dessous de ma photo.
-
-
https://mosaic03.ztat.net/vgs/media/pdp-zoom/EV/42/1U/00/QG/11/(e-mail visible uniquement pour les modérateurs et le personnel)
-
-
Le lien ne fonctionne pas, car il semble diriger vers votre boîte email (ou un autre espace sécurisé que vous seule pouvez consulter).
Sur quelle page avez-vous inséré le tableau au juste? Je pourrai peut-être regarder le code source et vous dire où pourrait se situer le problème.
J’ai également mis le mot-clé « modlook » pour attirer l’attention du personnel, au cas où il verrait quelque chose que je ne vois pas. Merci de votre patience.
-
-
Vous devez copier-coller le code HTML dans l’onglet Texte (ou HTML) et non dans l’onglet Visuel.
-
-
J’ai mis le mot-clé « modlook » pour attirer l’attention du personnel, qui vous répondra sur le forum directement. Merci de votre patience.
-
Bonjour,
Le code est bon mais vous ne l’ajoutez pas correctement. Je vous recommande de supprimer ce que vous avez créé et de recommencer avec un nouveau bloc HTML en copiant-collant ceci :
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<table> <tbody> <tr> <td><img src="https://mosaic03.ztat.net/vgs/media/pdp-zoom/EV/42/1U/00/QG/11/EV421U00Q-G11@10.jpg"></td> <td>IMAGE 2</td> <td>IMAGE 3</td> </tr> </tbody> </table>
- Le sujet ‘Positionnement des blocs’ est fermé aux nouvelles réponses.
Forums WordPress.com en français 