centrage d'un module dans un article.

More
2 years 5 months ago - 2 years 5 months ago #81008 by rottenberg
J'utilise l'affichage d'un module (loadpositionid} dans un article. Ce moduel contient un slideshowCK. Je n'arrive pas à le centrer dans l'article.
Voici l'article  affiché :

Cette page est affiche un élément d'article  qui concatène plusieurs éléments saisis par l'utilisateur. J'utilise les champs texte d'ouverture et texte de fermeture pour faire la concaténation.
Les champs contiennent :
  •  couleur-fond-titre : couleur du fond du bandeau titre de l'article
  • couleur-titre : couleur des lettres du titre dans le bandeau haut de page 
  • titre article : contenu du texte du bandeau titre (peut contenir du texte et/ou des images
  •  texte haut de l'article : Contient un texte (textarea) en haut de l'article
  • IDmodule : ID du moduel affiché après  le texte haut de l'article
  • texte bas de l'article : Contient un texte (textarea) qui suit le ID module 
Le template affiche le champ 'texte haut de l'article' entouré des champs :
  • Texte d'ouverture
  • Texte de fermeture
Texte d'ouverture : 
Code:
<div style="border-radius: 0px 25px 25px 25px;border:thin solid {{couleur-fond-titre##0}}; border-top: 0px;background-color: #ffffff;"><div style="border-radius: 0px 25px; background-color: {{couleur-fond-titre##0}}; text-align: center; padding: 5px;font-size: 18pt;font-weight:bold;color: {{couleur-titre##0}};"><div style="margin:10px;">{{titre-article##0}}</div></div><div style="margin:10px;">
Code:
<div style="display:block;margin-left:auto;margin-right:auto;">{loadmoduleid {{id-module##0}}}</div>{{texte-bas-de-l-article##0}}</div></div>

Le champ IDmodule est affiché avec le CSS suivant :
Code:
<div style="display:block;margin-left:auto;margin-right:auto;">{loadmoduleid {{id-module##0}}}</div>

Comme illustré sur l'image impossible de centrer ce champ dans l'article affiché.

Comment puis-je faire pour le centrer ?

Par avance merci pour vos recommandations
Cordialement
Michel Rottenberg
Last edit: 2 years 5 months ago by rottenberg.

Please Log in or Create an account to join the conversation.

More
2 years 5 months ago #81011 by micker
sans voir la page génerer difficile a dire mais a mon avis regarde sur les display flex pour essayer de trouver un css qui fonctionne

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

More
2 years 5 months ago #81012 by rottenberg
excuse moi, j'ai oublié de mettre les url des images. Les voici :

Please Log in or Create an account to join the conversation.

More
2 years 5 months ago #81017 by micker
et voila
Code:
danston element { display: flex; justify-content: center; }

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

More
2 years 5 months ago #81021 by rottenberg
Cela fonctionne
Merci

Please Log in or Create an account to join the conversation.

More
2 years 5 months ago #81023 by micker
de rien

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
Time to create page: 0.280 seconds
Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline