Contenu e-mail sur une largeur délimitée et centré
Résolu
Emmanueldm
-
telliak Messages postés 3668 Date d'inscription Statut Membre Dernière intervention -
telliak Messages postés 3668 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Pour faire plus pro et pour faciliter sa lecture, j'aimerais que le texte de mon e-mail soit délimité sur une largeur maximum (si je ne me trompe pas, 600 px est la norme), que cette largeur soit au centre de la fenêtre, et que le texte à l'intérieur de cette largeur soit aligné sur la gauche.
Pour l'instant, j'ai ceci (ne faites pas attention aux signes ' et +, c'est parce que j'envoie l'e-mail depuis Google Apps Script) :
Comme vous le voyez, il y a des lignes grises au milieu du texte que j'aimerais également délimiter dans la largeur et centrer.
J'ai fait un grand nombre de tests, mais ils ont tous échoués :(
Merci infiniment pour votre aide !
Pour faire plus pro et pour faciliter sa lecture, j'aimerais que le texte de mon e-mail soit délimité sur une largeur maximum (si je ne me trompe pas, 600 px est la norme), que cette largeur soit au centre de la fenêtre, et que le texte à l'intérieur de cette largeur soit aligné sur la gauche.
Pour l'instant, j'ai ceci (ne faites pas attention aux signes ' et +, c'est parce que j'envoie l'e-mail depuis Google Apps Script) :
//ligne grise '<table border="0" cellpadding="0" cellspacing="0" width="100%" class="m_-3978233801944340083mcnDividerBlock" style="min-width:100%;border-collapse:collapse;table-layout:fixed!important"> <tbody> <tr> <td style="min-width:100%;padding:18px"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;border-top:2px solid #eaeaea;border-collapse:collapse"> <tbody><tr> <td> <span></span> </td> </tr> </tbody></table> </td> </tr> </tbody></table>' //mise en forme du texte + '<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;border-collapse:collapse"> <tbody> <tr> <td valign="top" style="padding-top:9px"> <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%;min-width:100%;border-collapse:collapse" width="100%" class="m_-3978233801944340083mcnTextContentContainer"> <tbody><tr> <td valign="top" class="m_-3978233801944340083mcnTextContent" style="padding:0px 18px 9px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;word-break:break-word;color:#222222;font-size:16px;line-height:150%;text-align:left">' + TEXTE //stop mise en forme du texte + '</td> </tr> </tbody></table> </td> </tr> </tbody></table>' //ligne grise + '<table border="0" cellpadding="0" cellspacing="0" width="100%" class="m_-3978233801944340083mcnDividerBlock" style="min-width:100%;border-collapse:collapse;table-layout:fixed!important"> <tbody> <tr> <td style="min-width:100%;padding:18px"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;border-top:2px solid #eaeaea;border-collapse:collapse"> <tbody><tr> <td> <span></span> </td> </tr> </tbody></table> </td> </tr> </tbody></table>' //mise en forme du texte + '<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;border-collapse:collapse"> <tbody> <tr> <td valign="top" style="padding-top:9px"> <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%;min-width:100%;border-collapse:collapse" width="100%" class="m_-3978233801944340083mcnTextContentContainer"> <tbody><tr> <td valign="top" class="m_-3978233801944340083mcnTextContent" style="padding:0px 18px 9px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;word-break:break-word;color:#222222;font-size:16px;line-height:150%;text-align:left">' + '<table width="300" align="center">' + '<tr>' + '<td>TEXTE</td>' + '<td>' + TEXTE + '</td>' + '</tr>' + '<tr>' + '<td>TEXTE</td>' + '<td>' + TEXTE + '</td>' + '</tr>' + '</table>' //stop mise en forme du texte + '</td> </tr> </tbody></table> </td> </tr> </tbody></table>' //ligne grise + '<table border="0" cellpadding="0" cellspacing="0" width="100%" class="m_-3978233801944340083mcnDividerBlock" style="min-width:100%;border-collapse:collapse;table-layout:fixed!important"> <tbody> <tr> <td style="min-width:100%;padding:18px"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;border-top:2px solid #eaeaea;border-collapse:collapse"> <tbody><tr> <td> <span></span> </td> </tr> </tbody></table> </td> </tr> </tbody></table>' //mise en forme du texte + '<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;border-collapse:collapse"> <tbody> <tr> <td valign="top" style="padding-top:9px"> <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%;min-width:100%;border-collapse:collapse" width="100%" class="m_-3978233801944340083mcnTextContentContainer"> <tbody><tr> <td valign="top" class="m_-3978233801944340083mcnTextContent" style="padding:0px 18px 9px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;word-break:break-word;color:#222222;font-size:16px;line-height:150%;text-align:left">' + TEXTE //stop mise en forme du texte + '</td> </tr> </tbody></table> </td> </tr> </tbody></table>' //ligne grise + '<table border="0" cellpadding="0" cellspacing="0" width="100%" class="m_-3978233801944340083mcnDividerBlock" style="min-width:100%;border-collapse:collapse;table-layout:fixed!important"> <tbody> <tr> <td style="min-width:100%;padding:18px"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;border-top:2px solid #eaeaea;border-collapse:collapse"> <tbody><tr> <td> <span></span> </td> </tr> </tbody></table> </td> </tr> </tbody></table>' ;
Comme vous le voyez, il y a des lignes grises au milieu du texte que j'aimerais également délimiter dans la largeur et centrer.
J'ai fait un grand nombre de tests, mais ils ont tous échoués :(
Merci infiniment pour votre aide !
A voir également:
- Contenu e-mail sur une largeur délimitée et centré
- É majuscule - Guide
- Publipostage mail - Accueil - Word
- Windows live mail - Télécharger - Mail
- Centre de messagerie - Guide
- Créer une adresse mail hotmail - Guide