Hallo, gerade überarbeite ich meine Mailvorlagen und verzweifle gerade ein wenig an meinem Footer. In der Vorschau wird der Footer korrekt so angezeigt: Alle Zeilenabstände sind perfekt wie sie sein sollen. Verschicke ich nun diese Mail, sieht das in verschiedensten Mailclients und Webmails so aus: Die Zeilenabstände sind total auseinandergezerrt, was blöd aussieht :-( Der Code, den ich bei Kunden > E-Mail Optionen > E-Mail Signatur drin habe ist dieser hier: Code: <hr /> <p><span style="font-family: verdana,geneva,sans-serif;"><span style="font-size:smaller"> Für Rückfragen stehen wir Ihnen gerne telefonisch unter 030 65774968 zu <a href="http://www.matchashop.berlin/oeffnungszeiten/" rel="me" target="_blank">unseren Öffnungszeiten</a> oder jederzeit per Mail zur Verfügung.<br /><br /> Mit freundlichen Grüßen<br /><br /> Florian Rosch<br /><br /> <a href="https://www.matchashop.de" target="_blank" title="Zum matchashop Onlineshop"><img alt="Besuchen Sie uns auf www.matchashop.de" src="https://www.matchashop.de/images/icons/icon-matchashop.jpg" style="width: 144px; height: 24px;" /></a><br /> Husemannstr. 29<br /> <a href="https://www.matchashop.berlin" target="_blank" title="matchashop Berlin">10435 Berlin</a> </p> <hr /><a href="https://www.matchashop.de/de/info/anmeldung-zu-unserem-newsletter.html"><span style="font-family: verdana,geneva,sans-serif;"><span style="font-size:smaller"><strong>Melden Sie sich zu unserem Newsletter an und profitieren Sie von exklusiven Angeboten und Rabatten!</strong></a> <hr /> <p><span style="font-family: verdana,geneva,sans-serif;"><span style="font-size:smaller"> Bitte <span style="font-weight: bold;">besuchen</span> Sie uns bei...<br /> <a href="http://www.facebook.com/matchashop.de" title="Besuchen Sie uns bei Facebook und werden Sie Fan!"><img alt="matchashop bei Facebook - Werden Sie Fan!" height="48" src="http://www.matchashop.de/images/icons/icon-facebook.jpg" width="48" /></a> <a href="http://www.instagram.com/matchashop.de/" title="Folgen Sie matchashop bei Instagram und verpassen Sie keine Neuigkeiten!"><img alt="Folgen Sie matchashop bei Instagram" height="48" src="http://www.matchashop.de/images/icons/icon-instagram.jpg" width="48" /></a> </p> <hr /> <p><span style="font-family: verdana,geneva,sans-serif;"><span style="font-size:smaller"> Bitte <span style="font-weight: bold;">bewerten</span> Sie uns bei...<br /> <a href="https://search.google.com/local/writereview?placeid=ChIJ3dDmaRzBl0cR9YjSVCiy86E" title="Bitte bewerten Sie matchashop bei Google!"><img alt="Bitte bewerten Sie matchashop bei Google!" height="48" src="http://www.matchashop.de/images/icons/icon-gmaps.jpg" width="48" /></a> <a href="https://www.facebook.com/pg/matchashop.de/reviews/" title="Bitte bewerten Sie matchashop bei Facebook!"><img alt="Bitte bewerten Sie matchashop bei Facebook!" height="48" src="http://www.matchashop.de/images/icons/icon-facebook.jpg" width="48" /></a> <a href="https://www.matchashop.de/shop-bewertungen-schreiben.php" title="Bitte bewerten Sie matchashop!"><img alt="Bitte bewerten Sie den matchashop Onlineshop!" height="48" src="http://www.matchashop.de/images/icons/icon-matchashop-symbol.jpg" width="48" /></a> </p> <hr /> und sieht auch soweit OK aus. Was kann ich tun, damit die Mails ohne diesen fiesen, weiten Zeilenabstand angezeigt werden. Und zwar beim Empfänger, nicht nur in der Vorschau in Gambio??? Danke für die Antworten vorab und beste Grüße Florian
selbe wie bei Browsern, jeder interpretiert den code anderst. Das Mails in allen Mail Programmen gleich aussehen ist extrem aufwändig. Schau mal. Bei Mailbeez steht auch was wo es hackt und wie er testet (Link nur für registrierte Nutzer sichtbar.) Weiteres Problem ist, manche nutzen Mailclints die erstmal keine Bilder zeigen. Da sehen Mails dann noch schlimmer aus.
Ne, @Dennis (Print-Weilburg.de) , das stimmt nicht. Denn der darüber stehende Teil (bspw. bei der Bestellbestätigung) sieht hier bei mir auf jedem Endgerät in jedem Mailclient nahezu identisch aus. Es geht mir nur um die Zeilenabstände, mit denen irgendwas nicht stimmt :-(
da hilft nur sich den quellcode der Mail anzusehen. Schau dir die originalmail im Programm an. dann siehst welche FOrmatierungen und CSS Sachen da greifen. margin, padding und andere FOrmatierungen werden gerne unterschiedlich interpretiert von jedem Programm anders. Wenn z.B. kein Style angegeben wurde nimmt das Programm seinen Standard und der is überall anders. Das reicht schon um was zu verschieben. z.B. die Zeilenhöhe. Ist keine Angegeben nimmt jedes Programm seine festgelegte Schau auch mal hier: (Link nur für registrierte Nutzer sichtbar.) sehr interesant was Mailclints können und was nicht
Hallo Florian, ich weiß nicht ob das hilft, aber jedes <p>...</p> wird als eigener Absatz gewertet. Das habe ich hier in einem anderen Programm auch so. Versuche mal, wenn du nur am Anfang ein <p> und am Ende ein </p> setzt und die dazwischen weg nimmst. (Bitte vorher sichern )
Habe jetzt den Quelltext nochmal überarbeitet, <span>'s hin- und hergeschoben, <p>'s verwürfelt, jetzt sieht es gut aus. Danke!