Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
Olivier23
Topic Author
Posts: 9
Joined: 25 Jun 2021, 12:16

Zone vide autour d'une image

25 Jun 2021, 14:26

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..
 
User avatar
Joseph_balson
Experienced
Posts: 73
Joined: 08 Mar 2021, 05:35

Re: Zone vide autour d'une image

25 Jun 2021, 14:56

lien?
 
User avatar
Olivier23
Topic Author
Posts: 9
Joined: 25 Jun 2021, 12:16

Re: Zone vide autour d'une image

25 Jun 2021, 15:23

 
User avatar
Joseph_balson
Experienced
Posts: 73
Joined: 08 Mar 2021, 05:35

Re: Zone vide autour d'une image

25 Jun 2021, 16:38

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.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Zone vide autour d'une image

26 Jun 2021, 01:26

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
 
User avatar
Olivier23
Topic Author
Posts: 9
Joined: 25 Jun 2021, 12:16

Re: Zone vide autour d'une image

26 Jun 2021, 04:14

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....
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Zone vide autour d'une image

26 Jun 2021, 05:58

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
 
User avatar
Olivier23
Topic Author
Posts: 9
Joined: 25 Jun 2021, 12:16

Re: Zone vide autour d'une image

26 Jun 2021, 06:09

ah ok...
Venant de l'éditeur Wordpress j'ai un peu de difficulté à coder directement...
merci
 
User avatar
Olivier23
Topic Author
Posts: 9
Joined: 25 Jun 2021, 12:16

Re: Zone vide autour d'une image

26 Jun 2021, 06:10

ce qui serait cool c'est de pouvoir mettre des images de la même manière mais dans l'éditeur Html Wysiwig
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Zone vide autour d'une image

26 Jun 2021, 08:51

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.