[GastForen Web allgemein HTML und CSS / Stylesheets mjml Newsletter-Erstellung - Outlook-Problem

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

mjml Newsletter-Erstellung - Outlook-Problem

Tine
Beiträge gesamt: 39

10. Okt 2019, 14:38
Beitrag # 1 von 9
Bewertung:
(11239 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo zusammen,

ich hoffe, ich bin hier im richtigen Forums-Bereich, aber arbeitet hier zufällig jemand mit mjml?

Ich habe gerade ein mjml - Outlook-Problem (ich weiß, dass Outlook in Bezug auf html-Rendern ein Problem hat!):

Ich soll einen Newsletter mit mjml gestalten. Bisher konnte ich auch alle Outlook-Probleme in den Griff bekommen, allerdings möchte mein Chef jetzt doch eine ziemlich lange Navbar. Für Firefox, Safari, am Rechner kein Problem - es wird umbrochen. Nur Outlook akzeptiert die vorgegebene Breite von 600px nicht und lässt den Text rechts und links über die Breite von 600 rauslaufen. Hat jemand eine Idee, wie ich das mit mjml lösen könnte?

Ich hoffe auf zahlreiche Antworten ;-)

Viele Grüße,
Tine
X

mjml Newsletter-Erstellung - Outlook-Problem

Urs Gamper
  
Beiträge gesamt: 3917

11. Okt 2019, 08:49
Beitrag # 2 von 9
Beitrag ID: #572181
Bewertung:
(11210 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Tine

Ich habe nun das erste Mal von "njml" gehört. Allerdings erstelle ich nach wie vor noch oft Newsletter. Und da gibt es für Outlook ganz klare Regeln. Jedes andere Programm stellt es korrekt dar, Outlook leider nicht.

Ich habe gesehen, dass es unter dieser Dokumentation das eine oder andere gibt, welches dir vielleicht weiterhelfen könnte.
Mehr kann ich dir dazu leider nicht helfen.
Grüessli
Urs


www.gamper-media.ch
www.dynpg.ch


als Antwort auf: [#572163]

mjml Newsletter-Erstellung - Outlook-Problem

Tine
Beiträge gesamt: 39

11. Okt 2019, 10:49
Beitrag # 3 von 9
Beitrag ID: #572189
Bewertung:
(11187 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Urs,

danke für Deine schnelle Antwort, aber das war's leider nicht. Dieser Befehl bewirkt nur, dass Outlook die Desktop-Version und nicht die mobile verwendet.

miml ist eigentlich super für Anfänger (wie ich es in dem Bereich bin), es verwandelt das mjml-Dokument in html, das spart viel Zeit und Zeilen. Eigentlich ist es also eine Newsletter-Gestaltung in html, nur einfacher (wenn da nicht Outlook wäre ;-) ).

Eventuell kann mir also jemand mit html bei meinem Problem weiterhelfen? Ich krieg es einfach nicht hin, Outlook mitzuteilen, dass die maximale Breite in diesem Bereich 600px ist und es den Nav-bar-Text umbrechen soll.

Ich hab mal ein Bild gemacht:

https://www.minpic.de/i/8ugu/1bxize

Hier der miml- bzw. html-Code (rechts oben "view HTML - mobile - desktop):

https://mjml.io/try-it-live/BJyJeTpdH

Viele Grüße,
Tine


als Antwort auf: [#572181]

mjml Newsletter-Erstellung - Outlook-Problem

FSt
  
Beiträge gesamt: 1959

11. Okt 2019, 11:08
Beitrag # 4 von 9
Beitrag ID: #572192
Bewertung:
(11185 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Tine

Das Problem liegt ursächlich bei Outlook. Seit 2007 verwendet Outlook zur Darstellung der Inhalte nicht mehr den Internet Explorer – der ja "natürlicherweise für HTML-Inhale denkbar geeignet wäre – sondern setzt auf die Rendering Machine von Word. Im Grunde kann ich das bis heute nicht wirklich nachvollziehen und habe auch mit meinen erstellten Newslettern immer wieder Probleme bei Word.

Ich kenne das verwendete Programm mjml ebenfalls nicht. Den einzigen Tipp, den ich Dir geben kann ist, dass Du evtl. die Navbar selber bereits zweispaltig anlegst und bei 600 Pixeln umbrichst? Oder zwei Navbars untereinander stellst?

Gruss
Martin


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
http://www.wpms.ch


als Antwort auf: [#572163]

mjml Newsletter-Erstellung - Outlook-Problem

FSt
  
Beiträge gesamt: 1959

11. Okt 2019, 11:14
Beitrag # 5 von 9
Beitrag ID: #572195
Bewertung:
(11178 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Sorry, hatte Deine Antwort an Urs nicht mehr gesehen, erst nach dem Absenden meiner ...

Code
<mj-navbar-link href="https://www.bigtex.de/jacken-grosse-groessen/" font-size="15px" padding="8px 10px" color="#000000" font-weight="bold">Jacken&nbsp;&amp;&nbsp;Westen</mj-navbar-link><br></br> 


Geht das? Du baust einfach einen Zeilenumbruch ein hinter den Jacken?


.


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
http://www.wpms.ch


als Antwort auf: [#572189]

mjml Newsletter-Erstellung - Outlook-Problem

Tine
Beiträge gesamt: 39

11. Okt 2019, 12:35
Beitrag # 6 von 9
Beitrag ID: #572200
Bewertung:
(11165 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo FSt,

kein Problem!

Theoretisch ja, aber dann haut der Umbruch mobil nicht mehr hin - das ganz ist ja responsive...

Viele Grüße,
Tine


als Antwort auf: [#572195]

mjml Newsletter-Erstellung - Outlook-Problem

Urs Gamper
  
Beiträge gesamt: 3917

11. Okt 2019, 14:20
Beitrag # 7 von 9
Beitrag ID: #572203
Bewertung:
(11151 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Tine

Also der Code von mjml ist sauber, einzig Outlook kann damit nicht umgehen. Und wenn dies so ist, muss man enteder damit leben oder dann die zweizeilige Lösung von Martin nehmen.

Grüessli
Urs


www.gamper-media.ch
www.dynpg.ch


als Antwort auf: [#572189]

mjml Newsletter-Erstellung - Outlook-Problem

Tine
Beiträge gesamt: 39

11. Okt 2019, 14:58
Beitrag # 8 von 9
Beitrag ID: #572204
Bewertung: |||||
(11138 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Urs,

vielen Dank! Kaum paar Tage gegoogelt, recherchiert, gelesen, geko***, habe ich vor paar Minuten eine Lösung gefunden, die zwar nicht wirklich schön ist, aber ein Ansatz:

https://mjml.io/try-it-live/H1hycxCur

Outlook macht wohl aus der Navi-Leiste eine Tabelle, deswegen muss man "manuell" extra für Outlook umbrechen...

Viele Grüße,
Tine


als Antwort auf: [#572203]

mjml Newsletter-Erstellung - Outlook-Problem

Urs Gamper
  
Beiträge gesamt: 3917

11. Okt 2019, 15:22
Beitrag # 9 von 9
Beitrag ID: #572205
Bewertung:
(11131 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Tine
Danke für die Rückmeldung. Super, wenn du da eine Lösung gefunden hast.
Grüessli
Urs


www.gamper-media.ch
www.dynpg.ch


als Antwort auf: [#572204]
X

Aktuell

Affinity

| 24.02.2020

fuelltext_300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
07.02.2020 - 11.09.2020

Digicomp Academy AG, 8005 Zürich
Freitag, 07. Feb. 2020, 13.00 Uhr - Freitag, 11. Sept. 2020, 12.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte. Mit dem Abschluss «Publisher Professional – Profil «Multimedia» verliehen durch die Digicomp Academy AG, bestätigen Sie Ihre Praxiserfahrungen und Qualifizierung in den genannten Themengebieten gegenüber Ihrem Arbeitgeber sowie Ihren Kunden.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Nein

Organisator: Digicomp Academy AG

Kontaktinformation: Isil Günalp, E-Mailisil.guenalp AT digicomp DOT ch

https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/publishing-lehrgaenge/lehrgang-publisher-professional-profil-multimedia

Veranstaltungen
22.02.2020 - 04.07.2020

Lehrgang zielgerichtet auf die Zertifizierung zum Publisher Basic

Schulungsraum PubliCollege, Kronenhalde 9d, 3400 Burgdorf
Samstag, 22. Feb. 2020, 13.14 Uhr - Samstag, 04. Juli 2020, 13.15 Uhr

Projektseminar/Lehrgang

Ziele In der Medienproduktion unter Einbezug der aktuellen Publishing-Programme mitarbeiten. Voraussetzungen Sie möchten gestalterisch tätig sein und eigene grafische Ideen kompetent entwickeln sowie umsetzen; Medienproduktionen professionell planen und ausführen. Kompetenzen Nach Abschluss dieses Lehrgangs können Sie Printpublikationen aller Art von der Gestaltung über die Umsetzung bis zu druckfertige PDFs erstellen. Sie sind fähig, CI/CD-Vorgaben umzusetzen. Sie lernen die Grundlagen der grafischen Gestaltung kennen und setzen diese mit Adobe Photoshop, InDesign und Illustrator effizient um.

15 Halbtage, jeweils am Samstag von 08.30 bis 14 Uhr im Kursraum des PubliCollege, 3400 Burgdorf


Daten
Samstag, 22.2., 29.2., 14.3., 21.3., 28.3., 4.4., 25.4., 2.5., 9.5., 16.5., 6.6., 13.6., 20.6., 27.6., 4.7. 2020
Reservedatum am 23.5. 2020

Ja

Organisator: PubliCollege GmbH, 3400 Burgdorf

Kontaktinformation: Beat Kipfer, E-Mailinfo AT publicollege DOT ch

https://www.publicollege.ch/kursangebote/20-publisher-basic