2016-12-09 3 views
0

J'ai obtenu un fichier HTML (avec CSS). Je l'ai fait dans Brackets. Maintenant, je veux l'envoyer comme un e-mail, de sorte qu'il semble la même chose. J'ai essayé de le faire avec "Ajouter une pièce jointe", puis "Insérer en tant que texte", mais il semble moche et il semble que cela n'applique pas le CSS. Si vous voulez jeter un oeil sur le code: http://codepen.io/tobiasglaus/pen/woxByr Tout est dans le même fichier. (HTML & CSS) J'ai obtenu un <div id="wrapper> que l'email n'est pas pleine largeur. Mais quand je l'importe à Outlook avec la méthode que j'ai mentionnée ci-dessus, c'est juste en plein écran.Envoyer un fichier HTML via Outlook

+0

http://stackoverflow.com/questions/33954831/outlook-software-strips-out-the-inline-css-in-emails/33983305#33983305 Les asnwer ont des liens qui pourraient vous être utiles – cweitat

Répondre

0

La prise en charge HTML complète n'est pas vraiment répandue chez les clients de messagerie ... J'ai dû apprendre cela lorsque j'ai créé mon premier bulletin d'information. De nombreux clients ne prennent pas entièrement en charge tous les tags HTML5 et CSS (même s'ils sont utilisés en ligne).

J'ai eu les résultats les plus cohérents lors de l'utilisation des tables pour créer la mise en page du message. C'est moche à écrire mais semble s'afficher correctement sur les clients de messagerie les plus utilisés.

Vérifiez le code source de certaines newsletters hmtl pour avoir une idée des éléments html/css qui fonctionnent correctement.

Quelques idées peuvent également être trouvés ici: https://www.sitepoint.com/how-to-code-html-email-newsletters/

0

Comme par réponse ci-dessus, vous aurez besoin de le reconstruire de façon plus conviviale email. Mais pour l'obtenir dans Outlook lorsque vous avez terminé, une méthode que j'ai utilisée récemment était d'ouvrir le fichier HTML dans Internet Explorer, sélectionnez tout> copier, puis coller dans un nouveau message Outlook.

Il peut y avoir des sauts de ligne mais vous pouvez les supprimer en sélectionnant la ligne et en appuyant simplement sur supprimer.