Forums MacBidouille [Propulsé par Invision Power Board]

Écrit par : Anard 7 Oct 2018, 13:11

Bonjour,

Je cherche à envoyer une newsletter en HTML.
J'ai donc écris ma page en HTML, avec l'ensemble du code CSS intégré dans la page (dans le <head>) et vérifié son bon fonctionnement sur Firefox.
Ca fonctionne bien et s'affiche correctement sous Thunderbird, mais Mail (sur macOS) ne m'affiche pas la partie <table> (il affiche un carré vide).
Est-ce que c'est normal ? Il y a peut-être une balise à ajouter pour que Mail lise correctement le message ?
Par précaution, j'ai mis un lien vers la page originale avec un lien

Code

Si vous ne voyez pas correctement cet email, rendez-vous <a href="machin">ici</a>.

Mais je pense faire une erreur au niveau de l'écriture.

Pour info, voici la http://test.musiquesmagiques.fr/NewsLetter/102018.html. Dans Mail, toute la partie avec les dates apparaît comme un gros carré noir rempli de blanc.
Merci beaucoup pour votre aide.

Écrit par : Anard 7 Oct 2018, 16:38

Petite correction : Il semble que le contenu du tableau ne s'affiche pas... sauf si je redimensionne la fenêtre de Mail. Alors il affiche tout !
Serait-ce à cause de mes :

Code

@media only screen...

Merci pour vos conseils experts.

Écrit par : Ducace 9 Oct 2018, 11:22

Parce que le contenu du tableau ne peut s'afficher pour cause de choix de l'unité de dimension des fontes.
Il faut utiliser le format à dimension variable, type em.
Amha.

Écrit par : Anard 9 Oct 2018, 17:15

Merci pour cette réponse.
Je verrai le mois prochain ce que ça donne avec des 'em' à la place des '%' pour le texte.
Est-ce que je dois également éviter les dimensions en '%' dans les différentes largeurs et hauteurs de blocs ?

Écrit par : yponomeute 10 Oct 2018, 09:39

Bonjour,

La plupart des services en ligne d'envoi de mailing (mailjet, sendinblue etc) permettent de créer des comptes gratuits.
Tu peux ensuite utiliser leurs outils pour créer ta newsletter, récupérer le code html, et l'utiliser ensuite sans avoir besoin de transiter par leurs services pour l'envoi.
Tu auras un code html éprouvé pour s'afficher correctement dans la grande majorité des logiciels de mails, et/ou webmails.

Écrit par : scoch 11 Oct 2018, 22:26

Citation (yponomeute @ 10 Oct 2018, 10:39)

Bonjour,

La plupart des services en ligne d'envoi de mailing (mailjet, sendinblue etc) permettent de créer des comptes gratuits.
Tu peux ensuite utiliser leurs outils pour créer ta newsletter, récupérer le code html, et l'utiliser ensuite sans avoir besoin de transiter par leurs services pour l'envoi.
Tu auras un code html éprouvé pour s'afficher correctement dans la grande majorité des logiciels de mails, et/ou webmails.

C'est le meilleur conseil qu’on puisse donner !

Et sinon, pas de problème avec ces https://litmus.com/resources/free-responsive-email-templates.

Version imprimable du sujet