Outlook martyrise la mise en page des méls.

More
4 days 20 hours ago #220839 by Viniasco
Bonjour

J'ai appliqué une mise en page pour les méls d'invitation, d'inscription et de confirmation avec une image en entête et un logo en signature.
Pour que le texte ne dépasse pas la largeur de l'entête, j'ai mis tout ça dans un tableau d'1 colonne et de 2 lignes (1 pour limage d'entête, 1 pour le reste).

En faisant les tests, les mél sont complètement chamboulés dans Outlook. Ce n'est pas le cas dans Mail d'Apple.
C'est comme si Outlook ne tenait pas compte du tableau, le texte ne revient pas à la ligne.
Quant à la taille des images, que j'avais renseignée dans la popine, elle n'est pas respectée non plus. Les images prennent leur taille d'origine.
Pour ce point la parade n'est pas compliquée, il a suffit de les mettre à la bonne taille dès le départ, mais pour le tableau, que faire ?

Une collègue qui s'y connaît mieux, me demande si je colle du code htm (et non html) est-ce LS appréciera ?

Merci

Please Log in to join the conversation.

More
4 days 20 hours ago #220840 by Nickko
Créer des e-mails "mis-en-page" est très complexe, qu'en est-il de Yahoo, Courrier (application par défaut de Windows), Gmail, etc.

C'est un sujet à part entière, souvent abordé par les personnes qui réalisent des newsletters.

Ensuite, je ne sais pas ce que ton collègue connait, mais le code HTM, ça n'existe pas, c'est l'ancienne extension utilisée pour les fichiers HTML quand les systèmes d'exploitation ne permettaient pas des extensions de plus de 3 caractères.

Est-ce que tu as vérifier que ton code ne contait pas d'erreur ?
Si oui, comment as-tu fait ?

As-tu demandé à la personne qui s'occupe des newsletters dans ton entreprise ?

Nickko
Head of ergonomics, UX & UI.
The following user(s) said Thank You: DenisChenu

Please Log in to join the conversation.

More
4 days 20 hours ago #220841 by DenisChenu
Le htm et le html n'ont aucune différence …

Sinon : désactive l'éditeur HTML,
perso j'utilise ça
<html><head><style type="text/css">body{ background:#fff;margin:0;padding:0;font-family: Verdana,  Geneva, sans-serif;font-size:1em;color:#444 } a { color: #337ab7;text-decoration: none; }a:focus, a:hover { color: #23527c;text-decoration: underline; } .content{ margin:1em; }
</style></head><body>
<img src="/upload/surveys/{SID}/images/banner.png" style="width: 100%;height:auto" alt="Banner" />
<div class="content" style="margin:1em;">Dear {FIRSTNAME},<br />
Contenu
{ADMINEMAIL}</div></body></html>body{ background:#fff;margin:0;padding:0;font-family: Verdana, Geneva, sans-serif;font-size:1em;color:#444 } a { color: #337ab7;text-decoration: none; }a:focus, a:hover { color: #23527c;text-decoration: underline; } .content{ margin:1em; }

utiliser des tableaux pour la mise en page est une bonne idée, peut être simplifie un peu tous cela, etc …

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development . I don't answer to private message.

Please Log in to join the conversation.

More
4 days 19 hours ago #220842 by Viniasco

Sinon : désactive l'éditeur HTML,

Oula, je me suis bien gardé de l'utiliser au début, j'ai fait en WYSIWYG.

Et voici le code que ça a généré : 
<table border="0" cellpadding="0" cellspacing="0" style="width:600px;">
    <tbody>
        <tr>
            <td><img alt="" src="https:/xxxxxxx.jpg" style="height: 49px; width: 600px;" /></td>
        </tr>
        <tr>
            <td>
            <p><br /><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">Bonjour</span></span><br /> </p>
            <p><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla.</span></span></p>
            <p><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla <a href="https://www.cnil.fr/fr/comprendre-le-rgpd" target="_blank">blablabla</a>blablabla</span></span></p>
            <p style="text-align: center;"><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;"><strong>blablabla</strong> :<br />{SURVEYURL}</span></span></p>
            <p><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla<br /><u>blablabla</u></span></span></p>
            <p><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla</span></span></p>
            <p> </p>
            <p><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla</span></span></p>
            <p> </p>
            <p><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla</span></span><br /><img alt="" src="https:xxxx.jpg" style="float: left; height: 87px; width: 150px;" /></p>
            <p> </p>
            <p> </p>
            <p><br /><span style="font-size:12px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla<br />blablabla</span></span></p>
            </td>
        </tr>
    </tbody>
</table>

Please Log in to join the conversation.

More
4 days 17 hours ago #220846 by DenisChenu
Ca semble clean …
Pas d'idées.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development . I don't answer to private message.

Please Log in to join the conversation.

More
4 days 22 minutes ago - 4 days 21 minutes ago #220860 by Viniasco
Je suis reparti du code qui sert à faire des méls avec mise en page, et qui s'affichent bien sur Outlook.
Ils reprennent le principe d'un tableau avec une image en entête et un logo en signature.
Les tests ont montré qu'avec ce code, Outlook affichait correctement les méls de LS.
Voici le code :
<p><meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"></p>
<title></title>
<table style="text-align: left; width: 600px;">
    <tbody>
        <tr>
            <td style="vertical-align: top;"><img alt="blablabla" src="https://xxxxxxx.jpg" style="border: 0px solid; width: 600px; height: 49px;" /></td>
        </tr>
        <tr>
            <td style="vertical-align: top; font-size: 12px; text-align: center;">
            <p style="text-align: left;"><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">Bonjour</span></span><br /> </p>
 
            <p style="text-align: left;"><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla</span></span></p>
 
            <p style="text-align: left;"><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla<a href="https:xxxx" target="_blank">blablabla</a>blablabla</span></span></p>
 
            <p><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;"><strong>blablabla</strong> :<br />{SURVEYURL}</span></span></p>
 
            <p style="text-align: left;"><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla<br /><u>blablabla</u></span></span></p>
 
            <p style="text-align: left;"><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla</span></span></p>
 
            <p style="text-align: left;"> </p>
 
            <p style="text-align: left;"><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla</span></span></p>
 
            <p style="text-align: left;"> </p>
 
            <p style="text-align: left;"><span style="font-size:16px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla</span></span></p>
            </td>
        </tr>
        <tr>
            <td style="vertical-align: top;">
            <p><img alt="" src="https:xxxx.jpg" style="width: 150px; height: 87px;" /><br /><span style="font-size:12px;"><span style="font-family:Tahoma,Geneva,sans-serif;">blablabla<br />blablabla</span></span></p>
            </td>
        </tr>
    </tbody>
</table>
 
Last edit: 4 days 21 minutes ago by Viniasco.

Please Log in to join the conversation.

More
4 days 19 minutes ago #220861 by Viniasco
Autre question sur la gestion des méls. Si un destinataire utilise MailInBlack par exemple, le mél automatique envoyé qui demande de prouver qu'on est pas un robot, devrait bien arriver sur la BAL du compte indiqué dans LS ?

Please Log in to join the conversation.

More
3 days 23 hours ago #220864 by DenisChenu
Oui, ce sera à lui de cliquer sur le lien … (il me semble)

Sinon : as tu essayé de corriger un peu
<html><head></head><body>
TO CONTENU a partir de table
</body></html>

?

Ca :
<p><meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"></p>
C'est pas logique
Le charset est indiqué bien avant sur les mails.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development . I don't answer to private message.

Please Log in to join the conversation.

More
3 days 21 hours ago #220872 by Viniasco
C'est déjà bien trop avancé pour moi, comme correction.
Vu que l'affichage dans Outlook est correct (comme sur Mail d'Apple ou Gmail) , je ne vais plus rien toucher par crainte de casser.
Merci

Please Log in to join the conversation.

More
3 days 20 hours ago #220880 by DenisChenu
J'avais pas compris que tu avais réussit à corriger :)

Cool !

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development . I don't answer to private message.

Please Log in to join the conversation.

Moderators: Nickko

Start now!

Just create your account and start using Limesurvey today.

Register now