HTML Newsletter wird grauenhaft dargestellt

Hallo,
ich habe einen Newsletter zusammengestellt. Und ich bin sowas von enttäuscht wie die Email angekommen ist. Total verzerrt, nicht brauchbar und sehr peinlich.

Ich habe den selben Code genommen, wie auch aus einem anderen Newsletter an meine Kunden. Dort wurde es richtig versendet. Die Emails übers Forum sehen alle so schlimm aus.

Woran könnte es liegen, das der Code nicht richtig "übersetzt" wird? Und was kann ich tun, damit es besser wird?

Lg Jazz

Jazz schrieb:
Woran könnte es liegen, das der Code nicht richtig "übersetzt" wird? Und was kann ich tun, damit es besser wird?

Lg Jazz

Als erstes solltest du mal den Code deiner Newsletter hier Posten.
Dann wäre ein Bild von einer Intakten Newsletter und der jetzigen nicht schlecht, damit man mal sehen kann, was du eigentlich meinst.
Und dann ist es immer eine Frage ob das Empfänger Postfach HTML Mails auch unterstützt.

Hallo Frank,

leider habe ich den original Code nicht mehr. Ich habe nur den Code aus dem Archiv und der selbst erhaltenen Email aus meinerm Forum:

Hier der Code wie er versendet wurde.

Im übrigen ist mir auch gerade aufgefallen das der Code nicht beim verschicken verfälscht wurde, sondern schon beim erstellen bzw. copy/paste, verfälscht wurde. Zumindestens wird auch in der Vorschau das jetzt so dargestellt. Da dieser Newsletter aber ziemliche "feinheiten" aufweist, ist es unmöglich in dem vorhanden Forumseditor nachzuarbeiten.
Es muss doch irgendwie möglich sein aus meinem Html Programm einen Code zu übertragen der dann auch so versendet wird.

Lg Jazz

Code:

<table style="text-align: left; width: 600px; font-family: Tahoma;" border="0" cellpadding="2" cellspacing="2"><br /><br />            <tbody><br />                <tr><br />                    <td style="vertical-align: top;"><br />                    <table style="text-align: left; width: 626px; height: 167px;" border="0" cellpadding="2" cellspacing="2"><br />                        <tbody><br />                            <tr><br />                                <td style="vertical-align: top; width: 150px;"><a href="http://www.zauberhafte-babyhaende.de/" _fcksavedurl="http://www.zauberhafte-babyhaende.de"><img src="http://010.frnl.de/admin/images/kmalottke/Logo%20&%20Banner/Logo_Rund.gif" _fcksavedurl="http://010.frnl.de/admin/images/kmalottke/Logo%20&%20Banner/Logo_Rund.gif" alt="Zauberhafte Babyhände - Logo" width="150" border="0" height="150"></a></td><br />                                <td style="vertical-align: middle; text-align: right;"><big><big><span style="f
 ont-weight: bold;"><small>Foren News</small><br><br />Babyzeichensprache lernen<br><br /></span></big></big><big><span style="font-weight: bold;"><small><small><span style="font-style: italic;"></span></small></small><br><br />                                </span></big></td><br />                            </tr><br />                        </tbody><br />                    </table><br />                    </td><br />                </tr><br />                <tr><br />                    <td style="vertical-align: top;"><br />                    <div style="text-align: center;"><a href="http://zauberhafte-babyhaende.de/pi88/pd171.html" _fcksavedurl="http://zauberhafte-babyhaende.de/pi88/pd171.html"><br><br /></a></div><br />                    </td><br />                </tr><br />                <tr><br />                    <td style="vertical-align: top; text-align: justify;"><br />                    <div style="margin-left: 40px;"><strong>Hallo liebes Forenmitglied
 ,</strong><br><br />                    <br><br />du bist eines der ersten Forenmitglieder in unserem noch neuen und bisher<br />einzigstem Forum rund um Babyzeichensprache. Das es in unserem Forum relativ "ruhig" ist, ist nicht besonders ungewöhnlich bei einem<br />solch aussergewöhnlichen Thema der neuen Kommunikationsform mit Babys.<br><br />      <br><br />Das wird sich aber in der nächsten Zeit ändern, denn Babyzeichensprache ist nun öfter Thema in jungen Familien. Auch in den Medien werden nun öfter Berichte ausgestrahlt und auch im Internet gibt es mittlerweile einiges an Informationen.<br><br>Auch Du kannst weiterhin deinen Beitrag dazu leisten, Babyzeichensprache bekannter zu machen. Erzähle deinen Freunden und Bekannten oder den anderen Müttern aus den Krabbelgruppen von Babyzeichensprache. Oder schreibe im Forum über deine Erlebnisse in deinem Alltag mit<br />Babyzeichensprache.<br><br />      <br>Jeder Beitrag hilft nicht anderen Mitgliedern und du hast
 die Chance eine Antwort auf deine Fragen zu erhalten.<br><br />      <br><big style="font-weight: bold;"><br />Nun zu unseren Neuigkeiten und aktuellem Anlass Dir zu schreiben:</big><br><br />      <br><br />Auf unserer Hauptseite unserem Onlineportal rund um Babyzeichensprache findest du seit gestern mit einigen Änderungen. Schau doch mal vorbei. Es lohnt sich.<br><br />      <br><br />      <br />      <br />      <br />      <ul><li>Auf der Startseite findest du ein Video zu uns, unseren<br />Produkten und Infomationen wie Babyzeichensprache effektiv gelernt und<br />aktiv umgesetzt werden<br />kann.              <br />          <big><a style="font-weight: bold;" target="_blank">>> Jetzt Video ansehen</a></big></li></ul><br />      <div style="margin-left: 40px;"><br />      <br /><br />      </div><br />      <br />      <br><br /><br />      <br /></div><br />      <ul><ul><li>Wie immer gibt es auch wieder etwas <big style="font-weight: bold;">Gratis.</bi
 g> Diesmal 15<br />Babygebärden Pdf-Flashcards zum selbstausdrucken. Und zwar diesmal ganz<br />einfach und unkompliziert für jeden der will. Einfach hier unten Email eintragen und umgehend unsere<br />Pdf mit 15 Gratis Gebärden per Email erhalten. Oder auf direkt auf der Startseite eintragen. <a href="http://zauberhafte-babyhaende.de">>> Jetzt eintragen und Gebärden erhalten</a><br><br />        </li></ul></ul><br />      <div style="margin-left: 40px;"><br />      <br /><br />      <br><br />      <table style="text-align: left; width: 509px; height: 324px; margin-left: 0px; margin-right: 0px;" id="{A26E89C5-6035-4BFD-883C-969D399150CB}" width="509" border="0" cellpadding="2" cellspacing="2"><br /><br /><tbody><br /><tr><br /><td style="" http:="" bilder.zauberhafte-babyhaende.de="" formular_informationen_babyzeichensprache.png="" );="" text-align:="" right;="" vertical-align:="" top;=""><div align="center"><br><br /><br><br /><br><br /><br><br /><br><br /><br><br /><b
 r><br /><br><br /> </div><div align="center"><br /><form style="width: 435px; height: 153px;" id="subscribeform" method="post" action="http://010.frnl.de/box.php" target="_blank"><div align="center"><br /><table border="0" cellpadding="0" cellspacing="0"><br /><tbody><br /><tr><br /><td><br><br /></td><br /><td style="text-align: left;"><div align="center"><input style="width: 297px; height: 26px;" id="email" value="Deine Email" size="1" name="email"></div><br /></td><br /></tr><br /><tr><br /><td><br><br /></td><br /><td style="text-align: left;"><div align="center"><input style="width: 299px; height: 26px;" id="name" value="Dein Name" size="1" name="name"></div><br /></td><br /></tr><br /><tr><br /><td><div style="text-align: right;"><input style="width: 8px; height: 26px;" id="p" value="449" size="1" name="p" type="hidden"> <input style="width: 8px; height: 26px;" value="add" size="1" name="funcml" type="hidden"> <input style="width: 9px; height: 26px;" value="1102" size
 ="1" name="nlbox[1]" type="hidden"></div><br /><br><br /></td><br /><td><div align="center"><input style="width: 306px; height: 30px;" value="Klickehier, für deinen KOSTENLOSEN Zugang!" name="Speichern" type="submit"></div><br /></td><br /></tr><br /></tbody><br /></table><br /></div><br /></form><br /></div><div> </div><br /></td><br /></tr><br /></tbody><br />      </table><br /><br />      <br><br /><br />      <div style="margin-left: 40px;"><br />      <ul><li>Hier unser Linktipp:</li></ul><br />B<a href="http://babyzeichensprache.wordpress.com/" target="_blank">abyzeichensprache Tagebücher von Babys & Eltern<br><br />      <br><br />      </a><br />      <br><a href="http://babyzeichensprache.wordpress.com/" target="_blank"><img style="width: 150px; height: 100px;" alt="Babyzeichensprache Blog- Unsere bunte Gebärdenwelt" src="http://zauberhafte-babyhaende.de/media/images/babyzeichensprache_tagebuch-medium.gif"></a><a href="http://babyzeichensprache.wordpress.com/"
 target="_blank"><big style="font-weight: bold;"> >> Unsere bunte Gebärdenwelt</big></a><br />      </div><br /><br><br />                    <br><br />                    Bei weiteren Fragen zu Babyzeichensprache oder unserem Forum stehe ich Dir gerne weiterhin persönlich<br /> zur Verfügung.<br><br />                    <br><br />                    Ich wünsche Dir weiterhin viel Spaß beim Entdecken der Babyzeichensprache.<br><br />                    Und wir sehen uns dann im Forum<br><br><br />                    Viele Grüße sendet Dir<br><br />                    <br><br />                    <table style="width: 387px; height: 251px; text-align: left; margin-left: 0px; margin-right: 0px;" border="0" cellpadding="1" cellspacing="1"><br />                        <tbody><br />                            <tr><br />                                <td><img alt="" src="http://010.frnl.de/admin/images/kmalottke/Bilder/Kelly-Malottke200.jpg" _fcksavedurl="http://010.frnl.
 de/admin/images/kmalottke/Bilder/Kelly-Malottke200.jpg" width="150" height="205"></td><br />                                <td><br />                                <p><img alt="" style="width: 95px; height: 100px;" src="http://010.frnl.de/admin/images/kmalottke/Bilder/Kelly_Malottke.png" _fcksavedurl="http://010.frnl.de/admin/images/kmalottke/Bilder/Kelly_Malottke.png"></p><br />                                <div style="text-align: left;">Kelly Malottke<small><br><br />Inhaberin Zauberhafte-Babyhaende.de</small><br><br /></div><br />                                <p> </p><br />                                </td><br />                            </tr><br />                        </tbody><br />                    </table><br />                    </div><br /><br />                    </td><br />                </tr><br />                <tr><br />                    <td style="vertical-align: top;"> </td><br />                </tr><br />                <tr><br />   
                <td style="vertical-align: top;"><span style="font-size: 12px;"></span><span style="font-size: 12px;">Impressum:<br><br />                    <a href="http://zauberhafte-babyhaende.de/" _fcksavedurl="http://zauberhafte-babyhaende.de">Zauberhafte-Babyhaende.de</a> - Babyzeichensprache lernen<br><br />                    Kelly Malottke, Römerstr. 76, 56330 Kobern-Gondorf</span></td><br />                </tr><br />            </tbody><br />        <br /></table><br />

<br />
~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />
Diese Mail wird Ihnen von dem Forum <a href="http://babyhandzeichen.forumieren.com" target="_blank">http://babyhandzeichen.forumieren.com</a> gesendet. Wenn Sie diesen Newsletter nicht mehr erhalten möchten,ändern Sie bitte die Einstellungen in Ihrem Profil.<br />
<br />
Forum anzeigen: <a href="http://babyhandzeichen.forumieren.com" target="_blank">http://babyhandzeichen.forumieren.com</a><br />
mein Profil ansehen: <a href="http://babyhandzeichen.forumieren.com/profile.forum?mode=editprofile&page_profil=preferences" target="_blank">http://babyhandzeichen.forumieren.com/profile.forum?mode=editprofile&page_profil=preferences</a><br />
Ich habe mein Passwort vergessen!: <a href="http://babyhandzeichen.forumieren.com/profile.forum?mode=sendpassword" target="_blank">http://babyhandzeichen.forumieren.com/profile.forum?mode=sendpassword</a><br />

Ich stelle Fest, das in deinem Quellcode sehr viele Leerzeichen sind.
Wenn ich deinen Code von oben in meinen HTML Editor übertrage, dann wird der Code so derart verfälscht, weil dort Steuerzeichen erscheinen, die eigentlich dort nicht hingehören.
Hier mal ein Bild wie das bei mir im HTML Editor aussieht:


Hier noch mal wie es in einer TXT Datei aussieht:


Ich denke das hier der Grund ist, warum es nicht klappt.
Hast du mal versucht eine Vorschau im Browser der Mail aus deinem HTML Editor zu starten?
Wie sieht es in dem Fall aus und wie sieht dann der Quelltext aus?
Ich denke das hier das Problem liegt, das der HTML Editor Steuerzeichen erzeugt, die so nicht sichtbar sind, beim Kopieren aber mit kopiert und umgesetzt werden.
Hast du mal versucht deinen Entwurf als HTML Seite zu speichern und dir dann mal den Code der HTML Datei mit einem Texteditor angeschaut?
Eventuell funktioniert der weg ja.

Hallo Frank,
ja genau, die Leerzeichen(unter anderem) werden eingesetzt, ohne das die überhautp vorhanden sind.
Ich erstelle meine Newsletter Vorlagen als Hmtl datei im Kompozer und übertrage dann den Code ins Forum, oder auch in meinen Newsletterprovider (dort klappt es übrigens;-)

Die leerzeichen setzt mir das Forum ein. Die sind ursprünglich nicht vorhanden. Mein ursprünglicher Html code ist in Ordnung. Erst wenn ich den Code ins Forum setze ist er "kaputt".

Allerdings sind auch diese Zeichen >> enthalten. Vielleiht sind die der auslöser für das Chaos?

lg

Ich denke das die Platzhalter Zeichen im HTML Editor das Problem sind. Du siehst die nicht und im Grunde ist da auch nichts, aber wenn du es kopierst dann werden diese Unsichtbaren Zeichen mit kopiert und eingesetzt.
Mir fällt im Moment leider keine Möglichkeit ein, wie das verhindert werden kann.
Eventuell hat jemand anders noch eine Idee dazu