Page 1 of 1

Zone vide autour d'une image

Posted: 25 Jun 2021, 14:26
by Olivier23
Bonjour à tous,

nouveau sur ce forum, je bloque sur un truc tout bête... Lorsque je place une image dans une page pour illustrer le texte, le texte colle à l'image sans zone de réserve... Je ne sais pas si c'est moi qui ai changé un paramètres par défaut (mais j'imagine...) Auriez-vous une idée pour rétablir une zone minimale autour de l'image pour que les texte ne "colle" pas dessus.
Merci..

Re: Zone vide autour d'une image

Posted: 25 Jun 2021, 14:56
by Joseph_balson
lien?

Re: Zone vide autour d'une image

Posted: 25 Jun 2021, 15:23
by Olivier23

Re: Zone vide autour d'une image

Posted: 25 Jun 2021, 16:38
by Joseph_balson
y a pas de padding ou border dans le style de l'image, donc c'est collé.
style="width: 25%; float: left; padding:10px;" devrait le faire par exemple.

Re: Zone vide autour d'une image

Posted: 26 Jun 2021, 01:26
by mjau-mjau
Google Traduction:

Juste pour clarifier un peu. Lorsque vous créez une mise en page comme celle-ci, par défaut, elle n'est pas stylisée et il n'y aura pas d'"espace" entre l'image et le texte. Votre première option consiste simplement à utiliser du CSS en ligne comme suggéré par @Joseph_balson.

Pour des dispositions de colonnes plus complètes avec espacement, vous pouvez utiliser le système de grille intégré à X3. Voir exemple :
https://mjau-mjau.com/about/

Pour utiliser la grille, vous devrez utiliser du HTML de base. Les options de grille sont disponibles à partir de l'éditeur de modèle de contenu. Ils utilisent du HTML, mais sont plus faciles à contrôler et à ajuster pour les appareils mobiles.
Image

Re: Zone vide autour d'une image

Posted: 26 Jun 2021, 04:14
by Olivier23
Merci pour ces explications de chacun, mais j'en ai encore une... ;)

- Y a t'il un moyen de mettre des images venant de la galerie dans un article (et donc en mode caché dans la galerie) et de ne pas passer par ce système de "base64" plutôt curieux ?

mille mercis....

Re: Zone vide autour d'une image

Posted: 26 Jun 2021, 05:58
by mjau-mjau
Olivier23 wrote:- Y a t'il un moyen de mettre des images venant de la galerie dans un article (et donc en mode caché dans la galerie) et de ne pas passer par ce système de "base64" plutôt curieux ?
Vous pouvez utiliser toutes les images téléchargées dans votre contenu html (articles). Si vous ne souhaitez pas que des images spécifiques s'affichent dans la galerie, vous pouvez cliquer sur le bouton "Masquer", ce qui signifie qu'elles sont masquées dans la galerie mais peuvent toujours être utilisées dans votre contenu html.

Pour insérer des images dans votre contenu html, il y a déjà un bouton:
Image

Re: Zone vide autour d'une image

Posted: 26 Jun 2021, 06:09
by Olivier23
ah ok...
Venant de l'éditeur Wordpress j'ai un peu de difficulté à coder directement...
merci

Re: Zone vide autour d'une image

Posted: 26 Jun 2021, 06:10
by Olivier23
ce qui serait cool c'est de pouvoir mettre des images de la même manière mais dans l'éditeur Html Wysiwig

Re: Zone vide autour d'une image

Posted: 26 Jun 2021, 08:51
by mjau-mjau
Désolé, l'éditeur X3 wysiwig ne prend pas en charge la liste déroulante des images. Je recommanderais l'éditeur de démarques par défaut, car il affiche le formatage en direct, les images et révèle la source dans la même vue. Par exemple, vous ne pouvez pas utiliser l'éditeur wysiwig pour créer des mises en page de grille modernes ou utiliser du code HTML natif pour les fonctionnalités spécifiques à X3 ... Au mieux, il gère le formatage de texte de base.