Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Outlook martyrise la mise en page des méls.

  • Viniasco
  • Viniasco's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
2 years 6 months ago #220839 by Viniasco
Outlook martyrise la mise en page des méls. was created 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
LimeSurvey Cloud
Version 5.4.9
The topic has been locked.
  • Nickko
  • Nickko's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 6 months ago #220840 by Nickko
Replied by Nickko on topic Outlook martyrise la mise en page des méls.
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
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 6 months ago #220841 by DenisChenu
Replied by DenisChenu on topic Outlook martyrise la mise en page des méls.
Le htm et le html n'ont aucune différence …

Sinon : désactive l'éditeur HTML,
perso j'utilise ça
Code:
<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.
The topic has been locked.
  • Viniasco
  • Viniasco's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
2 years 6 months ago #220842 by Viniasco
Replied by Viniasco on topic Outlook martyrise la mise en page des méls.

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é : 
Code:
<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>
LimeSurvey Cloud
Version 5.4.9
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 6 months ago #220846 by DenisChenu
Replied by DenisChenu on topic Outlook martyrise la mise en page des méls.
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.
The topic has been locked.
  • Viniasco
  • Viniasco's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
2 years 6 months ago - 2 years 6 months ago #220860 by Viniasco
Replied by Viniasco on topic Outlook martyrise la mise en page des méls.
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 :
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>
 
LimeSurvey Cloud
Version 5.4.9
Last edit: 2 years 6 months ago by Viniasco.
The topic has been locked.
  • Viniasco
  • Viniasco's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
2 years 6 months ago #220861 by Viniasco
Replied by Viniasco on topic Outlook martyrise la mise en page des méls.
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 ?
LimeSurvey Cloud
Version 5.4.9
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 6 months ago #220864 by DenisChenu
Replied by DenisChenu on topic Outlook martyrise la mise en page des méls.
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.
The topic has been locked.
  • Viniasco
  • Viniasco's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
2 years 6 months ago #220872 by Viniasco
Replied by Viniasco on topic Outlook martyrise la mise en page des méls.
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
LimeSurvey Cloud
Version 5.4.9
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 6 months ago #220880 by DenisChenu
Replied by DenisChenu on topic Outlook martyrise la mise en page des méls.
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.
The topic has been locked.
Moderators: Nickko

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source