Salut
Dans AcyMailing Starter 5.5.0 j'ai créé un template. Voulant chaque articles sont sur 2 colonnes, j'ai voulu utiliser la propriété column, mais ça ne marche pas. J'ai testé en lisant le mail dans Thunderbird et gmail, mais l'article ne se met pas sur 2 colonnes comme je l'ai spécifié.
Est-ce que c'est parce que le mail est lu dans un webmail et un logiciel, car si je fait le test dans un article joomla l'article est bien sur 2 colonnes.
Merci d'avance pour vos pistes.
Dans AcyMailing Starter 5.5.0 j'ai créé un template. Voulant chaque articles sont sur 2 colonnes, j'ai voulu utiliser la propriété column, mais ça ne marche pas. J'ai testé en lisant le mail dans Thunderbird et gmail, mais l'article ne se met pas sur 2 colonnes comme je l'ai spécifié.
Code HTML:
<div class="block-texte texte-01"> <div class="titre-rubrique">Les échouages</div> <p>Ce mois ci, seulement deux cétacés se sont échoués : un <strong>Odontocète</strong> non identifié à Biarritz et fait exceptionnel un <strong>Grand Cachalot (<em>Physeter macrocephalus</em>)</strong> à Saint Jean de Luz dans la crique de la pile d’Assiette. Les derniers échouages de <strong>Cachalots</strong> dans notre région dates de 2003. Alertés par l’observatoire de <strong>Pelagis</strong> pour une <strong>baleine</strong> échouée inaccessible de la Terre, c’est donc en bateau que nous sommes approchés pour réaliser un premier état des lieux et constater qu’il s’agissait d’un <strong>Cachalot</strong>. Revenus à quai, nous nous sommes rendus sur place pour effectuer les biométries sur cet animal de 11 mètres, malheureusement putréfié. Les échouages étant rares pour ces espèces, toutes les informations récoltées sont précieuses.</p> <p>Il s’agissait d’un mâle juvénile. Comme nous l’avons expliqué dans nos dernières newsletters, les mâles juvéniles et adultes migrent à l’échelle internationale et certains transitent par notre région. L’animal a ensuite été évacué le lendemain par les sapeurs pompiers.</p> <figure> <img src="images/lettre-info/2016/2016-06-10-lettre-info-01.png" alt="" style="display: block; margin-left: auto; margin-right: auto;" /> </figure> </div>
Code:
.block-texte { column-count:3; -webkit-column-count:3; -moz-column-count:3; -webkit-column-gap:1em; -moz-column-gap:3em; column-gap:1em; } .block-texte { background-color:#efeded; height:auto; border:#000 1px solid; border-radius:10px; } .block-texte { margin:0 0 20px; padding: 0 0 0 10px; }
Merci d'avance pour vos pistes.
Commentaire