HTML-Datei über Outlook senden

Question

Ich habe eine HTML-Datei (mit CSS). Ich habe das in Brackets gemacht. Jetzt möchte ich das als Email verschicken, damit es gleich aussieht. Ich habe versucht, es mit "Add Attachment" und dann "Als Text einfügen" zu tun, aber es sieht hässlich aus und es scheint, als ob es das CSS nicht anwendet. Wenn Sie einen Blick auf den Code werfen möchten: http://codepen.io/tobiasglaus/pen/woxByr Alles ist in der gleichen Datei. (HTML & CSS) Ich habe eine <div id="wrapper>, dass die E-Mail ist nicht die volle Breite. Aber wenn ich es mit der oben erwähnten Methode nach Outlook importiere, ist es nur Vollbild.

Answer 1

Komplette HTML-Unterstützung ist in E-Mail-Clients nicht wirklich verbreitet ... Das musste ich lernen, als ich meinen ersten Newsletter erstellte. Viele Clients unterstützen nicht alle HTML5-Tags und CSS vollständig (auch wenn sie inline verwendet werden).

Ich hatte die konsistentesten Ergebnisse bei der Verwendung von Tabellen, um das Layout der Nachricht zu erstellen. Es ist hässlich zu schreiben, scheint aber auf den meistbenutzten Mail-Clients korrekt angezeigt zu werden.

Überprüfen Sie den Quellcode einiger hmtl Newsletter, um eine Vorstellung davon zu bekommen, welche html/css Elemente gut funktionieren sollten. https://www.sitepoint.com/how-to-code-html-email-newsletters/

Answer 2

Gemäß oben Antwort, Sie werden es in einer E-Mail-freundlichen Art und Weise neu erstellen müssen:

Einige Erkenntnisse können hier gefunden werden.

Aber um es in Outlook zu bekommen, wenn Sie fertig sind, eine Methode, die ich in letzter Zeit verwendet habe, war die HTML-Datei in Internet Explorer zu öffnen, alles> kopieren und dann in eine neue Outlook-Nachricht einfügen.

Es kann einige Zeilenumbrüche geben, aber Sie können diese entfernen, indem Sie die Zeile markieren und einfach auf Löschen klicken.