Acymailing : du code HTML me pose differents problèmes

[Visiteur]

Alors là c'est trop zarbi ! ayant un problème différent avec une lettre d'info sur 2 site, un probleme d’ambiguïté avec une colonne (), on va l'appeler site B et un autre avec le de code qui disparait a l’aperçu, site A), j'ai fait une installation Joomla (site C) pour les fois où je serais bloqué et qu'il faille envoyer en urgence une lettre d'info. J'ai fait une exportation-importation du template du site A vers le site C. J'ai fait un envoi test et j'ai eu exactement le même problème que sur le site A. Dans ce même template j'y ai mis le code HTML du template du site B (après avoir supprimer le code du site A). Et j'ai eu le probleme d’ambiguïté avec une colonne... donc ça viendrait, pour les 2 problèmes, du code HTML !!??

Pour les 3 sites, j'ai fait l'essai avec un simple texte lorem ipsum, donc une simple balise <p>. Sur les 3 tout c'est très bien passé.

Pour mon probleme de code HTML qui disparait, je suis repartie de zéro, avec le code vierge du template. Pas de probleme. Donc, ça viendrait du nouveau code pour ma lettre d'info. Dans nouveau code il y a un simple titre d'ajouté à une balise <p> déjà présente et 2 balises <p> (une avec un <em> et un <strong>, et l'autre avec un lien). En ajoutant le titre pas de souci, le probleme commence quant j'ajoute la balise <p> avec les <em> et <strong>. J'ai viré le EM et le code reste. Je suis pas allé plus loin dans le test.

J’espère que mes explications du paragraphe avec les sites A, B et C ont été clairs lol

Joomla 3.8.11
AcyMailing Starter : 5.10.4

[manu93fr]

Bonjour,
rien a voir avec ton souci mais tu as actuellement une erreur de certificat ssl

[Visiteur]

Heuuu sur quel site ? j'en gère plusieurs et comment tu le sais lol

[manu93fr]

Heuuu sur quel site ? j'en gère plusieurs et comment tu le sais lol

Celui de ta signature ... et je le sais en cliquant dessus

[Visiteur]

J'ai pas de signature (>

[manu93fr]

Ah ouais ? Moi je vois "mon site de photos du Pays Basque ..."

Sinon pour ton souci de code html, j'ai pas tout compris, mais le mieux aurait été que tu postes le code html qu'on puisse y jeter un oeil ...

[lomart]

+1 avec Manu. Je vois aussi la signature, l'erreur SSL et je n'ai rien compris du problème HTML

[Visiteur]

Ça doit être normal qu'elle n'apparaisse pas de mon coté. C'est pas grave, je vais plutôt faire un post pour ce probleme de certificat.

Effectivement, ça aurait été mieux que je fournisse les codes qui pose probleme . Et en me relisant c'est vrais que mon explication n'est pas tres claire .

Template du site sur lequel mon code HTML est supprimé quant je fait un aperçu :

<div style="background-color:#167e41;width:60%;margin:0 auto 10px auto;padding:15px 0;border-radius:10px;">

    <!--***** BANDEAU ***************************-->
    <div style="background-color:#f9dfbb;width:90%;margin-left:auto;margin-right:auto;padding:5px;border-radius:10px;">
        <img alt="" src="http://www.stop-mines-eh.org/images/bandeau-lettre-info.png" style="vertical-align: top; display: block; margin-left: auto; margin-right: auto;" />
        <p style="font-size:1.6em;font-weight:bold;text-indent:0;text-align:center;">TITRE</p>
    </div>

    <!--***** MENU ***************************-->
    <div style="background-color:#f9dfbb;border-radius:0 0 5px 5px;width:350px;margin:0 auto 20px auto;padding:5px 0;">
        <p style="text-align:center;text-indent:0;margin:5px 0;"><a style="color:#0015ff;" href="http://www.stop-mines-eh.org/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=10&amp;Itemid=353"><strong>www.stop-mines-eh.org</strong></a> <span style="margin:0 20px;">-</span> <a style="color:#0015ff;" href="http://www.stop-mines-eh.org/index.php?option=com_visforms&amp;view=visforms&amp;id=1&amp;Itemid=140"><strong>Contact</strong></a></p>
    </div>

    <!--***** BLOCK 01 ***************************-->
    <div style="background-color:#f9e7cf;width:70%;margin:0 auto 10px auto;padding:5px 10px 5px 10px;">

        <p style="text-indent:20px;">TEXTE</p>
    </div>

    <!--***** DESINSCRIPTION ***************************-->
    <div style="background-color:#f9e7cf;text-align:center;border:#000 1px solid;border-radius:5px;width:90%;margin:0 auto;">
        <p style="text-align:center;text-indent:0;margin:5px 0;">Si vous ne voulez plus recevoir notre lettre d"info vous pouvez vous désabonner en {unsubscribe}cliquant ici{/unsubscribe}</p>
    </div>

</div>

Avec le template pas de souci donc. C'est quant j'y ajoute du code. Le même template mais avec ajout du texte avant l'envoie de la lettre d'info :

<div style="background-color:#167e41;width:60%;margin:0 auto 10px auto;padding:15px 0;border-radius:10px;">

    <div style="background-color:#f9dfbb;width:90%;margin-left:auto;margin-right:auto;padding:5px;border-radius:10px;">
        <img alt="" src="http://www.stop-mines-eh.org/images/bandeau-lettre-info.png" style="vertical-align: top; display: block; margin-left: auto; margin-right: auto;" />
        <p style="font-size:1.6em;font-weight:bold;text-indent:0;text-align:center;">Sudmine toujours dans l'attente</p>
    </div>

    <div style="background-color:#f9dfbb;border-radius:0 0 5px 5px;width:350px;margin:0 auto 20px auto;padding:5px 0;">
        <p style="text-align:center;text-indent:0;margin:5px 0;"><a style="color:#0015ff;" href="http://www.stop-mines-eh.org/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=10&amp;Itemid=353"><strong>www.stop-mines-eh.org</strong></a> <span style="margin:0 20px;">-</span> <a style="color:#0015ff;" href="http://www.stop-mines-eh.org/index.php?option=com_visforms&amp;view=visforms&amp;id=1&amp;Itemid=140"><strong>Contact</strong></a></p>
    </div>

    <div style="background-color:#f9e7cf;width:70%;margin:0 auto 10px auto;padding:5px 10px 5px 10px;">

        <p style="text-align: center;">Article paru sur le site <strong>mediabask.naiz.eus</strong>, le <span class="art-externe-date">21/08/2018</span></p>
        <p style="text-indent:20px;">Le recours déposé par la société minière le 14 février n'a pas encore été jugé par le Tribunal administratif d'Orléans. Sudmine attend toujours la notification officielle du refus de l'Etat d'accorder le permis d'exploration. A l'occasion d'un déplacement à Ascain, le ministre de l'Economie a pourtant réaffirmé son opposition au projet de mines d'or au Pays Basque.</p>

        <p><a style="color:#0015ff;" href="https://mediabask.naiz.eus/eu/info_mbsk/20180821/sudmine-toujours-dans-l-attente" target="_blank"><strong>Lire la suite</strong></a></p>

    </div>

    <div style="background-color:#f9e7cf;text-align:center;border:#000 1px solid;border-radius:5px;width:90%;margin:0 auto;">
        <p style="text-align:center;text-indent:0;margin:5px 0;">Si vous ne voulez plus recevoir notre lettre d"info vous pouvez vous désabonner en <a style="color:#0015ff;" href="http://www.stop-mines-eh.org/index.php?subid=1&option=com_acymailing&ctrl=user&task=out&mailid=0&key=wEofcDYZsGc38v">cliquant ici</a></p>
    </div>

</div>

Template du second site où j'ai un problème d’ambiguïté avec une colonne :

<div style="background-color:#cfc5db;color:#000;padding-bottom:20px;">

<!--***** HAUT DU MESSAGE ***************************-->

    <table style="width:40%;margin:0 auto 0 auto;" border="0">
    <tbody>
        <tr style="background-color:#000;">
            <td colspan="2">
                <img alt="" src="images/lettre-info/bandeau-haut.jpg" style="vertical-align: top; display: block; margin-left: auto; margin-right: auto;" />
            </td>
        </tr>
        <tr>
            <td>
                <p style="font-size:1.3em;text-align:center;margin:0 0 20px;"><strong>Informazio gutuna</strong>
                    <br /><strong>2018/00/00</strong></p>
            </td>

            <td>
                <p style="font-size:1.3em;text-align:center;margin:0 0 20px;"><strong>Lettre d'info</strong>
                    <br /><strong>00/00/2018</strong></p>
            </td>
        </tr>
    </tbody>
    </table>

<!--***** MENU ***************************-->

    <table style="width:50%;margin:0 auto 20px auto;border-top:#000 2px dotted;border-bottom:#000 2px dotted;border-collapse:collapse;">
    <tbody>

        <tr style="">
            <td style="padding:2px 3px 2px 5px;text-align:left;"><a style="padding:2px 3px;" href="http://ipehantifaxista.org"><strong>ipehantifaxista.org</strong></a></td>
            <td style="width:35%;padding:2px 3px;text-align:center;">
                <a style="padding:0;" href="index.php?Itemid=571&lang=eu"><strong>Harremana</strong></a> <strong>/</strong> <a style="padding:0;" href="index.php?Itemid=140&lang=fr"><strong>Contact</strong></a>
            </td>
        </tr>

    </tbody>
    </table>

<!--***** BLOCK 01 ***************************-->

<div style="background-color:#fcf8ea;width:50%;margin:0 auto 10px auto;padding:10px;">

    <!-- euskara -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Euskara</em></p>

    <p style="font-weight:bold;text-align:center;">Itzulpenarik ez</p>

    <!-- Francais -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Français</em></p>

    {joomlacontent:ID| type:title| link| pict:0| format:TOP_LEFT}

</div>

<!--***** BLOCK 02 ***************************-->

<div style="background-color:#fcf8ea;width:50%;margin:0 auto 10px auto;padding:10px;">

    <!-- euskara -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Euskara</em></p>

    {joomlacontent:211| type:intro| pict:1| format:TOP_LEFT}<br />

    <!-- Francais -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Français</em></p>

    {joomlacontent:211| type:title| link| pict:0| format:TOP_LEFT}

</div>

<!--***** DESINSCRIPTION ***************************-->
    <div style="text-align:center;background-color:#cfc5db;border:#000 1px solid;border-radius:5px;width:50%;margin:0 auto;padding:0;">
        <p style="text-align: center;"><em>Gure berripaperik ez baduzu gehiago jaso nahi, {unsubscribe}egin klik hemen{/unsubscribe}</em></p>
        <p style="text-align: center;"><em>Si vous ne voulez plus recevoir notre lettre d'info vous pouvez vous désabonner en {unsubscribe}cliquant ici{/unsubscribe}</em></p>
    </div>

</div>

Le même code avec ajout d’éléments :

<div style="background-color:#cfc5db;color:#000;padding-bottom:20px;">

<!--***** HAUT DU MESSAGE ***************************-->

    <table style="width:40%;margin:0 auto 0 auto;" border="0">
    <tbody>
        <tr style="background-color:#000;">
            <td colspan="2">
                <img alt="" src="images/lettre-info/bandeau-haut.jpg" style="vertical-align: top; display: block; margin-left: auto; margin-right: auto;" />
            </td>
        </tr>
        <tr>
            <td>
                <p style="font-size:1.3em;text-align:center;margin:0 0 20px;"><strong>Informazio gutuna</strong>
                    <br /><strong>2018/06/10</strong></p>
            </td>

            <td>
                <p style="font-size:1.3em;text-align:center;margin:0 0 20px;"><strong>Lettre d'info</strong>
                    <br /><strong>10/06/2018</strong></p>
            </td>
        </tr>
    </tbody>
    </table>

<!--***** MENU ***************************-->

    <table style="width:50%;margin:0 auto 20px auto;border-top:#000 2px dotted;border-bottom:#000 2px dotted;border-collapse:collapse;">
    <tbody>

        <tr style="">
            <td style="padding:2px 3px 2px 5px;text-align:left;"><a style="padding:2px 3px;" href="http://ipehantifaxista.org"><strong>ipehantifaxista.org</strong></a></td>
            <td style="width:35%;padding:2px 3px;text-align:center;">
                <a style="padding:0;" href="index.php?Itemid=571&lang=eu"><strong>Harremana</strong></a> <strong>/</strong> <a style="padding:0;" href="index.php?Itemid=140&lang=fr"><strong>Contact</strong></a>
            </td>
        </tr>

    </tbody>
    </table>

<!--***** BLOCK 01 ***************************-->

<div style="background-color:#fcf8ea;width:50%;margin:0 auto 10px auto;padding:10px;">

    <!-- euskara -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Euskara</em></p>

    <p style="font-weight:bold;text-align:center;">Itzulpenarik ez</p>

    <!-- Francais -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Français</em></p>

    {joomlacontent:227| type:title| link| pict:0| format:TOP_LEFT}

</div>

<!--***** BLOCK 02 ***************************-->

<div style="background-color:#fcf8ea;width:50%;margin:0 auto 10px auto;padding:10px;">

    <!-- euskara -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Euskara</em></p>

    <p style="font-weight:bold;text-align:center;">Itzulpenarik ez</p>

    <!-- Francais -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Français</em></p>

    {joomlacontent:225| type:title| link| pict:0| format:TOP_LEFT}

</div>

<!--***** BLOCK 03 ***************************-->

<div style="background-color:#fcf8ea;width:50%;margin:0 auto 10px auto;padding:10px;">

    <!-- euskara -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Euskara</em></p>

    <p style="font-weight:bold;text-align:center;">Itzulpenarik ez</p>

    <!-- Francais -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Français</em></p>

    {joomlacontent:223| type:title| link| pict:0| format:TOP_LEFT}

</div>

<!--***** BLOCK 04 ***************************-->

<div style="background-color:#fcf8ea;width:50%;margin:0 auto 10px auto;padding:10px;">

    <!-- euskara -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Euskara</em></p>

    <p style="font-weight:bold;text-align:center;">Itzulpenarik ez</p>

    <!-- Francais -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Français</em></p>

    {joomlacontent:221| type:title| link| pict:0| format:TOP_LEFT}

</div>

<!--***** BLOCK 05 ***************************-->

<div style="background-color:#fcf8ea;width:50%;margin:0 auto 10px auto;padding:10px;">

    <!-- euskara -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Euskara</em></p>

    <p style="font-weight:bold;text-align:center;">Itzulpenarik ez</p>

    <!-- Francais -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Français</em></p>

    {joomlacontent:219| type:title| link| pict:0| format:TOP_LEFT}

</div>

<!--***** BLOCK 06 ***************************-->

<div style="background-color:#fcf8ea;width:50%;margin:0 auto 10px auto;padding:10px;">

    <!-- euskara -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Euskara</em></p>

    <p style="font-weight:bold;text-align:center;">Itzulpenarik ez</p>

    <!-- Francais -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Français</em></p>

    {joomlacontent:216| type:title| link| pict:0| format:TOP_LEFT}

</div>

<!--***** BLOCK 07 ***************************-->

<div style="background-color:#fcf8ea;width:50%;margin:0 auto 10px auto;padding:10px;">

    <!-- euskara -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Euskara</em></p>

    <p style="font-weight:bold;text-align:center;">Itzulpenarik ez</p>

    <!-- Francais -->
    <p style="font-size:0.9em;font-weight:bold;padding-left:20px;border-top:#000 1px dotted;"><em>Français</em></p>

    {joomlacontent:215| type:title| link| pict:0| format:TOP_LEFT}

</div>

<!--***** DESINSCRIPTION ***************************-->
    <div style="text-align:center;background-color:#cfc5db;border:#000 1px solid;border-radius:5px;width:50%;margin:0 auto;padding:0;">
        <p style="text-align: center;"><em>Gure berripaperik ez baduzu gehiago jaso nahi, {unsubscribe}egin klik hemen{/unsubscribe}</em></p>
        <p style="text-align: center;"><em>Si vous ne voulez plus recevoir notre lettre d'info vous pouvez vous désabonner en {unsubscribe}cliquant ici{/unsubscribe}</em></p>
    </div>

</div>