E-Mail per HTML gestalten - ein paar Schwierigkeiten

[Schnipp]

Hallo zusammen,

ich versuche aktuell einen E-Mail Newsletter zu gestalten. Leider muss man dabei ja auf das Design mit HTML-Tabellen zurückgreifen, was mich ja nicht weiter stört. Allerdings habe ich aktuell zwei kleine Probleme, wo ich keinen Ansatz für finde.

1. Wenn ich in zwei aufeinanderfolgenden Tabellenzeilen jeweils eine Grafik über die volle Breite einfüge, dann habe ich nachher immer einen schmalen Abstand dazwischen. Border der Tabelle ist auf 0 gesetzt, padding und margin ebenfalls. Wo muss ich da ansetzen?
2. Irgendwie wollen die Grafiken sich nicht wirklich responsive verhalten. Ich habe die Breite des img-Tags auf max-width gesetzt und die Höhe auf auto - aber die Größen passen sich leider nicht an.

Vielleicht hat ja jemand einen Ansatz, woran es liege könnte bzw. wie ich vorgehen muss.

Danke & Gruß
Schnipp

 

[derlorenz]

Moin moin Schnipp,

poste doch mal den

HTML-Code.

Dass macht es einfacher zu helfen.

 

[ayngush]

Joa, HTML Newsletter sind eine wahre Freude... Nicht.

<img src="cid:logo" width="650" height="167" style="display: block; -ms-interpolation-mode: bicubic; width: 100%; height: auto; max-width: 650px; color:#05529D; font-size:25px; line-height:32px; border:0;" alt="Text statt Grafik" title="Text statt Grafik" />

 

[Sparta8]

Email Templates sind noch vieeeeel behinderter als man glaubt. Outlook verwendet z.B. die HTML Engine von Word und jeder Webclient (z.B. GMail) kocht wieder seine eigene Suppe.

Denk mal darüber nach ein Framework zu verwenden (z.B. https://foundation.zurb.com/emails.html) und je nachdem wie wichtig die richtige Anzeige des Templates ist (Firma oder Hobby) auch mit https://litmus.com/email-testing#email-clients zu testen.


https://mjml.io/ ist auch ein gutes Email Template Framework.