Afin de faciliter la gestion du contenu d'un site et de permettre à des non initiֳés de participer j'ai crֳéé un template (Template Creator) avec plusieurs emplacements de module. Ils contiennent tes 'modules de contenu universel - Flexicontent'.
J'ai crֳéé un type d'article spֳécifique pour gֳérer le contenu. Ce type contient les champs suivants :
- titre de l'article : contient le titre à afficher
- couleur du fond : donne le background color pour le titre
- couleur du texte : donne la couleur du texte du titre
- texte du haut de l'article : textarea caontenant le dֳébut de l'article
- module ID : contient l'id d'un moduleà afficher surl es debut dut texte (affichage d'une vidֳéo, d'un slideshow...)
- texte du bas de l'article : textarea contenant la fin de l'article.
Le champ haut de l'article contient dans les champs 'texte d'ouverture' et 'texte de fermeture' les élֳéments (CSS + les autres champs citֳés ci dessus) pour la mise en page du contenu. Le template attachֳé à ce type d'article ne contient qu'un élֳément : 'haut de larticle.
Le champ texte d'ouverture contient ceci :
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}};min-height:75px;width:100%;"><div style="margin:10px;">{{titre-article##0}}</div></div><div style="margin:10px;"><div style="clear:both;">
Le champ texte de fermeture contien ceci :
Code:
</div><div style="clear:both;display: flex;justify-content: center;">{loadmoduleid {{id-module##0}}}</div>{{texte-bas-de-l-article##0}}</div></div>
Mon problème : De manière gֳénֳérale les articles sont affichֳés sur toute la largeur du module. Dans l'image le 1er module à gauche ne s'affiche pas sur toute la largeur
Le source du texte :
Code:
<div style="text-align: center; min-height: 300px;">
<img src="images/logo.jpg" alt="logo" width="221" height="219" style="margin-right: 10px; margin-bottom: 10px; float: left;" />
<strong>
<span style="font-size: 18pt; color: #b11d2a;">WEBINARS<br />
<span style="font-size: 12pt;">;(en Anglais)</span></span>
</strong>
<div style="margin-left: 20%;">
<ul>
<li style="text-align: justify;"><strong><span style="font-size: 14pt;">9 Mai 2021 INDE</span></strong></li>
<li style="text-align: justify;"><strong><span style="font-size: 14pt;">9 Juin 2021 USA-ISRAEL-UK</span></strong></li>
</ul>
<div style="width: 100%;"><span style="background-color: #b11d2a; color: #ffffff; font-weight: bold; font-size: 14pt; border-radius: 5px; padding: 5px;">ACCEDEZ AUX VIDEOS</span><a href="https://www.eranim-israel.org.il/videos" target="_blank" rel="noopener" style="text-decoration: none;"></a></div>
</div>
</div>
Comment puis je corriger le problème
Par avance merci
Michel Rottenberg