Seite 2 von 3 ErsteErste 123 LetzteLetzte
Ergebnis 16 bis 30 von 37
Like Tree4Likes

Thema: Responsive E-Mail

  1. #16
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Responsive E-Mail

    da hilft die vw und vh oder vmax das sind neue größen die sich der fenster breite bzw höhe anpassen.
    Nutze ich für großflächige Symbole zB. Kann man aber auch für überschriften nutzen.
    Die Unterstützung ist noch nicht sooooo verbreitet Can I use... Support tables for HTML5, CSS3, etc aber akzeptabel, kannst ja zur nocht n fallback auf die mindestgröße machen.

    https://css-tricks.com/viewport-sized-typography/

    ansonsten natürlich kannst du auch die media querys bemühen in stufen dann
    [CODE]
    #deinDIV{ font-size:50px; }
    @media (max-width: 800px){ #deinDIV{ font-size:30px; } }
    @media (max-width: 600px){ #deinDIV{ font-size:25px; } }
    @media (max-width: 400px){ #deinDIV{ font-size:20px; } }
    @media (max-width: 300px){ #deinDIV{ font-size:15px; } }
    [CODE]
    Je kleiner du das Fenster schiebst desto kleiner die Schrift Edit fiddle - JSFiddle
    Geändert von TecEye (13-08-2015 um 18:01 Uhr)

  2. #17
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.725

    AW: Responsive E-Mail

    Das ist der absolute megaober Hammer. Danke Tec, du hast mich genau auf die richtige Spur gebracht. Und danke, dass du auch nachgebohrt hast und dran geblieben bist!!
    Jetzt ist es perfekt responsive. Wusste garnicht dass es diese CSS Tags gibt
    Echt Geil!!


    Online anschauen und Browsergröße verändern: Test responsive E-Mail
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  3. #18
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.725

    AW: Responsive E-Mail

    Die Ernüchterung folgt auf dem Fuße. K-9 Android Mail kann das rechts oben nicht mit dem Bild und gleichzeitig Schrift. Fange also jetzt an, wieder in Richtung Steinzeit zurück zu bauen

    Fehler gefunden, kann ihn aber nicht beheben. K-9 rafft rechts oben das height in der Einheit vmin zusammen mit width: 100% nicht. Das führt dazu, dass die Grafik garnicht skaliert wird.
    Oder weiß da jemand zufällig eine Lösung für?
    Ich würde das ja gern als Hintergrundbild belassen aber wie kann ich Skalierungsangaben für ein Hintergrundbild definieren?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  4. #19
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Responsive E-Mail

    Immer gerne

    Oh, dann kennt er die neuen Einheiten noch nicht
    Nein bitte nur keine Steinzeit, man kann alles mit modernsten Mitteln lösen
    dann solltest du eine kombination mit media querys machen und die schrift stufenweise verkleinern.
    Und das design ist jetzt nicht bahnbrechend kompliziert, mach es mit DIVs, Tabelle ist so schrecklich, da kommt auch n weißer strich in der mitte beim skalieren :/

  5. #20
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.725

    AW: Responsive E-Mail

    mit divs hab ich es nicht annähernd so gut hinbekommen wie mit der table
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  6. #21
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Responsive E-Mail

    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

  7. #22
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.725

    AW: Responsive E-Mail

    danke dir aber im chrome sehe ich beide grafiken nicht.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  8. #23
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Responsive E-Mail

    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

  9. #24
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.725

    AW: Responsive E-Mail

    ach herrje. stimmt. ist bei lima noch nie passiert. aber kost nix, da darf das passieren. dann schauen wir morgen nochmal. danke dir
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  10. #25
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.725

    AW: Responsive E-Mail

    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!!
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  11. #26
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Responsive E-Mail

    Zitat Zitat von mikdoe Beitrag anzeigen
    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

    Zitat Zitat von mikdoe Beitrag anzeigen
    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 likes this.

  12. #27
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.725

    AW: Responsive E-Mail

    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.

    Zitat Zitat von TecEye Beitrag anzeigen
    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.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  13. #28
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Responsive E-Mail

    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 - - -

    Zitat Zitat von mikdoe Beitrag anzeigen
    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?

  14. #29
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.725

    AW: Responsive E-Mail

    Zitat Zitat von TecEye Beitrag anzeigen
    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.

    Zitat Zitat von TecEye Beitrag anzeigen
    Wie jede Zeile? Wie und wozu?
    https://tools.ietf.org/html/rfc2047

    Zitat Zitat von TecEye Beitrag anzeigen
    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.

    Zitat Zitat von TecEye Beitrag anzeigen
    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.

    Zitat Zitat von TecEye Beitrag anzeigen
    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

    Zitat Zitat von TecEye Beitrag anzeigen
    einen vollständigen Header
    soweit ich weiß sind From und To Pflicht, sonst nichts.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  15. #30
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Responsive E-Mail

    Zitat Zitat von mikdoe Beitrag anzeigen
    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

Seite 2 von 3 ErsteErste 123 LetzteLetzte

Ähnliche Themen

  1. Responsive iFrame
    Von th_wolfgang im Forum JavaScript
    Antworten: 41
    Letzter Beitrag: 12-08-2015, 21:07
  2. Testmöglichkeiten für responsive Webdesign
    Von mikdoe im Forum Links & Tutorials mit Tipps & Tricks zu JavaScript, CSS, PHP, MySQL
    Antworten: 2
    Letzter Beitrag: 19-08-2014, 21:11
  3. [FRAGE] Responsive IMG in DIV
    Von gruenstich64 im Forum CSS und (X)HTML
    Antworten: 3
    Letzter Beitrag: 12-06-2014, 21:27
  4. Lightbox responsive
    Von jfd im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 12-03-2014, 17:42
  5. Banner mit Bildershow, responsive
    Von jfd im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 08-03-2014, 12:57

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •