[GELÖST] Responsive E-Mail

TecEye · 14. Aug. 2015

naja ich würd sagen du bist einfach zu faul

gut da heute freutag ist und ich jetzt feierabend mache
bitteschön Edit fiddle - JSFiddle

an den verschiedenen Stufen darfst du am wochenende selber tüfteln

und bitteeeee, ein logo mit Hintergrundbild??? Sowas macht man in den gesamten header-container

mikdoe · 14. Aug. 2015

danke dir aber im chrome sehe ich beide grafiken nicht.

TecEye · 14. Aug. 2015

ich habs im chrome erstellt

- - - Aktualisiert - - -

mein Freund deine Bilder sind offline http://mikdoe.lima-city.de/images/logotest_rechts.png

- - - Aktualisiert - - -

dein Server ist down

mikdoe · 14. Aug. 2015

ach herrje. stimmt. ist bei lima noch nie passiert. aber kost nix, da darf das passieren. dann schauen wir morgen nochmal. danke dir

mikdoe · 16. Aug. 2015

Jetzt hab ichs anschauen können.
Hammer!
Jetzt gehts auch im K-9. Scheins hat das Ding die Probleme ursächlich mit Tabellen.

Nochmal Danke, TecEye!!

TecEye · 16. Aug. 2015

mikdoe schrieb:
Scheins hat das Ding die Probleme ursächlich mit Tabellen.

Tabellen sind ne Seuche, sollte man immer drauf verzichten

und viel mehr Arbeit ist das auch nicht

mikdoe schrieb:
Nochmal Danke, TecEye!!

Immer gerne

Wenn du das mit dem Hintergrund noch besser lösen magst, können wir auch ab 300 die überschrift unter das Logo packen. Gibt echt tolle Sachen - ich liebe HTML5/CSS3

- - - Aktualisiert - - -

Wie ich diese Wochenende leider feststellen musste löscht/ignoriert Gmail die <style> werte.
Hat mir ein Kunde berichtet und nach einem ernüchternden Test musste ich es bestätigen.
Inline funktioniert es wunderbar, natürlich funktionieren inline keine mediaquerys oder :hover angaben, liegt es an meine html-header?

Code:

$header  		= "MIME-Version: 1.0\r\n";
$header 		.= "Content-type: text/html; charset=iso-8859-1\r\n";
$header 		.= "From: ".$config_row['meta_title']." <".$config_row['stamm_email_from'].">\r\n";
$header 		.= "Reply-To: ".$config_row['meta_title']." <".$config_row['stamm_email_to'].">\r\n";
$header 		.= "X-Mailer: PHP ". phpversion();

mikdoe · 17. Aug. 2015

Auf GMail käme es in meinem Fall nicht an. Mein Empfängerkreis würde entweder einen Webmailer verwenden oder einen lokal installierten Client wie z.B. Outlook.

TecEye schrieb:
liegt es an meine html-header?

Unterschiede zu meinem:

ich verwende nirgendwo \r
bei mir wird der charset ISO-8859-15 verwendet, weil ich das Eurozeichen hier und da verwende
bei mir werden die Zeilen im Header auch Mime kodiert

Aber das Problem mit den Styles in Gmail würde ich nicht auf den Header zurückführen. Ich glaube einfach, die E-Mail Client Programmierer haben das nicht drauf in der Tiefe wie die Browserhersteller. Das kann man ja auch kaum noch leisten, wenn man sich mal anschaut, was es inzwischen alles gibt.

TecEye · 17. Aug. 2015

ich denke es liegt eher daran, dass wenn du dann eine class in deinem stylesheet hast, welches genau den namen trägt den die zB auch verwenden, dass du deren Design zerschießt :/

- - - Aktualisiert - - -

mikdoe schrieb:
bei mir werden die Zeilen im Header auch Mime kodiert

ehhhh what? Wie jede Zeile? Wie und wozu? Das wäre meine zweite Frage, in Gmail landen meine Mails im Spam, obwohl meines Erachtens keine Anzeichen dazu vorliegen.
Ich habe nur 60 Zeichen pro Zeile, ich habe Betreff über 10 Zeichen, einen vollständigen Header, Inhalt über 100 Zeichen. Was will Gmail von mir?

mikdoe · 17. Aug. 2015

TecEye schrieb:
ich denke es liegt eher daran, dass wenn du dann eine class in deinem stylesheet hast, welches genau den namen trägt den die zB auch verwenden, dass du deren Design zerschießt :/

Ja, auch möglich.

TecEye schrieb:
Wie jede Zeile? Wie und wozu?

https://tools.ietf.org/html/rfc2047

TecEye schrieb:
Das wäre meine zweite Frage, in Gmail landen meine Mails im Spam, obwohl meines Erachtens keine Anzeichen dazu vorliegen.

Ist nicht von mir sondern aus einem meiner Hefte: auf den Spam Index kommen gerne Absender, die sich bei der Mailkodierung nicht an RFC's halten. Und bei Mails ist das ziemlich viel, was man da beachten muss.

TecEye schrieb:
Ich habe nur 60 Zeichen pro Zeile

bei quoted-printable sind 75 korrekt und der Umbruch muss stimmen: =\n
kommt aber drauf an, wie du den Content kodierst, da gibt es mehrere Möglichkeiten.

TecEye schrieb:
ich habe Betreff über 10 Zeichen

Der Header muss m.W. immer quoted-printable sein und da sind 75 Zeichen korrekt, hier lautet der Umbruch immer ?=\n

TecEye schrieb:
einen vollständigen Header

soweit ich weiß sind From und To Pflicht, sonst nichts.

TecEye · 17. Aug. 2015

mikdoe schrieb:
aus einem meiner Hefte

Beste Methode

Hole mir immer die WebDeveloper und WebBooster, interessante Artikel hefte ich mir immer kategorisiert ab, manchmal besser als ein Buch was ich da an Schätzen habe, und man ist immer up2date.

Hatte leider noch keinen wertvollen Artikel über mailings, wärst du so gut und würdest mir deinen Aufbau mal postet

- - - Aktualisiert - - -

Bin bisschen vom Thema abgekommen, hoffe du kannst das abtrennen

mikdoe · 17. Aug. 2015

TecEye schrieb:
und WebBooster

Hast du davon mal einen Link für mich?

TecEye schrieb:
Hatte leider noch keinen wertvollen Artikel über mailings, wärst du so gut und würdest mir deinen Aufbau mal postet

Ich kann dir für einen Teil meinen Perl Code geben. Der deckt aber nicht alles ab, weil auch Module von cpan.org verwendet werden.
Da sind aber Zeilen wie diese hier drin: $text =~ s/([ \t]+)$/join('', map { sprintf("=%02X", ord($_)) } split('', $1))/egm;
Kannst du damit was anfangen?

TecEye schrieb:
Bin bisschen vom Thema abgekommen, hoffe du kannst das abtrennen

Bis jetzt passt es m.E. noch erweitert zur Fragestellung.

tsseh · 17. Aug. 2015

TecEye schrieb:
Tabellen sind ne Seuche, sollte man immer drauf verzichten und viel mehr Arbeit ist das auch nicht

das problem ist meiner meinung nach, dass man eben doch tabellen möchte, nur nicht im semantischen sinne, sondern in der darstellung und genau dort gibt es eben keine einfache möglichkeit dies zu realisieren. also eine tabelle im css und nicht im html. warum werde ich wohl nie begreifen.
da ich ja auch nicht der css freund bin nutze ich meistens bootstrap. das bringt einem wieder die tabelle zurück. CSS · Bootstrap

TecEye · 17. Aug. 2015

nunja wenn du frameworks magst it bootstrap schon gut, allerdings geht sowas auch selbst ganz easy
table <=> <table>
table-row <=> <tr>
table-cell <=> <td>

Code:

<div style="display:table;">
  <div style="display:table-row;">
    <div style="display:table-cell;">Hier</div>
    <div style="display:table-cell;">steht</div>
    <div style="display:table-cell;">was!</div>
  </div>
</div>

nur der alte IE macht da nicht so ganz mit. Sonst lässt sich auch alles wunderbar mit floats regeln, also ich hab schon ewig keine "echten" tabellen mehr benutzt - gewöhnungssache

- - - Aktualisiert - - -

mikdoe schrieb:
Hast du davon mal einen Link für mich?

Logisch

https://www.websiteboosting.com/

mikdoe · 17. Aug. 2015

TecEye schrieb:
Logisch https://www.websiteboosting.com/

ist abonniert danke dir

mikdoe · 12. Jan. 2016

Auf meinen Vorschlag (stolz) hin erscheint ganz frisch in der neuesten web & mobile dev. von der CSS Chefin schlechthin "Responsive HTML-Mails entwerfen und realisieren"

Hab's auch noch nicht gelesen, bin gespannt!

xorg1990 · 13. Jan. 2016

Cool, ich kannte noch nicht mal die Seite. Web Developer und Mobile Developer | webundmobile.de -

mikdoe · 23. März 2016

Hilfreiche Ergänzung: mjml - The only framework that makes responsive-email easy

[GELÖST] Responsive E-Mail

TecEye

New member

mikdoe

Moderator

TecEye

New member

mikdoe

Moderator

mikdoe

Moderator

TecEye

New member

mikdoe

Moderator

TecEye

New member

mikdoe

Moderator

TecEye

New member

mikdoe

Moderator

tsseh

Lounge-Member

TecEye

New member

mikdoe

Moderator

mikdoe

Moderator

xorg1990

New member

mikdoe

Moderator