Autor |
Nachricht |
blackde
Threadersteller
Dabei seit: 26.08.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 26.08.2010 22:33
Titel html Newsletter Problem |
|
|
Einen wunderschönen guten Abend!
Ich habe mich hier registriert da mit seit geraumer Zeit ein Problem mein Leben schwer macht:
Ich versuche einen html Newletter (bzw. ein Respondmail) zu erstellen, welcher durchaus auch im Netz funktioniert:
Hier zu betrachten
Hier der zugehörige Code:
Code: | <html>
<head>
<title>DesignSheep</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Tabelle_01" width="524" height="567" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6">
<img src="http://www.designsheep.de/responder/Bilder/respond_01.gif" width="524" height="41" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="http://www.designsheep.de/responder/Bilder/respond_02.gif" width="90" height="525" alt=""></td>
<td colspan="2" width="222" height="141" style="background-image:url(http://www.designsheep.de/responder/Bilder/respond_03.gif);">
<center>Ihre Email ist erfolgreich bei uns eingetroffen, <b>vielen Dank</b> !<br>Wir werden uns schnellstmöglich um Ihr Anliegen kümmern.</center></td>
<td colspan="3">
<img src="http://www.designsheep.de/responder/Bilder/respond_04.gif" width="212" height="141" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://www.designsheep.de/responder/Bilder/respond_05.gif" width="174" height="258" alt=""></td>
<td colspan="3">
<a href="http://www.DesignSheep.de" border="0" target="_blank"><img src="http://www.designsheep.de/responder/Bilder/respond_06.gif" width="241" height="208" alt="" border="0"></a></td>
<td rowspan="4">
<img src="http://www.designsheep.de/responder/Bilder/respond_07.gif" width="19" height="384" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://www.designsheep.de/responder/Bilder/respond_08.gif" width="241" height="50" alt=""></td>
</tr>
<tr>
<td width="365" height="70" colspan="3" style="background-image:url(http://www.designsheep.de/responder/Bilder/respond_09.gif);">
<center>Mit freundlichen Grüßen<br>
</td>
<td rowspan="2">
<img src="http://www.designsheep.de/responder/Bilder/respond_10.gif" width="50" height="126" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://www.designsheep.de/responder/Bilder/respond_11.gif" width="365" height="56" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="90" height="1" alt=""></td>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="174" height="1" alt=""></td>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="48" height="1" alt=""></td>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="143" height="1" alt=""></td>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="50" height="1" alt=""></td>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="19" height="1" alt=""></td>
</tr>
</table>
</center>
</body>
</html> |
Wenn ich diesen nun in meinen Emailresponder reinhaue, wird das Design total zerrissen in der Mail dargestellt?!
Wodran liegt das?
Ich habe auch schon versucht nur die Tabelle mit den Bildern zu versenden, genau das selbe Problem...
Liebe Grüße
Zuletzt bearbeitet von blackde am Do 26.08.2010 22:35, insgesamt 1-mal bearbeitet
|
|
|
|
|
remote
Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 110
Geschlecht:
|
Verfasst Do 26.08.2010 23:00
Titel Re: html Newsletter Problem |
|
|
blackde hat geschrieben: |
Wodran liegt das?
|
am html eher nicht.
schnelle html mail via php mail() verschickt:
entweder liegts an deinem versand oder an der darstellung deines clients.
|
|
|
|
|
Anzeige
|
|
|
ExMD
Dabei seit: 27.01.2005
Ort: Saarland
Alter: 45
Geschlecht:
|
Verfasst Do 26.08.2010 23:29
Titel
|
|
|
versuch mal die grafik-tags um Code: | style="display:block;" | zu ergänzen.
wir hatten das gleiche problem, dass einige mailclients oder online-mailanbieter (z.b. gmx) unsere newsletter zerschossen haben.
damit ging es (warum auch immer).
|
|
|
|
|
blackde
Threadersteller
Dabei seit: 26.08.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 26.08.2010 23:34
Titel
|
|
|
Vielen Dank ersteinmal für die schnellen und brauchbaren Antworten!
Ihr habt mir sehr weitergeholfen! Ich werde es gleich morgen probieren.
|
|
|
|
|
blackde
Threadersteller
Dabei seit: 26.08.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 27.08.2010 11:34
Titel
|
|
|
Alsoo ... hab es nu versucht zu ergänzen leider ohne Erfolg:
So wird es immer angezeigt.... egal ob im Outlook oder bei Web...
Vielleicht treten irgendwelche Fehler beim Versand auf?
Wobei ich versende die Mail von einem großen Anbieter der dieses (html responder) auch extra zur Verfügung stellt.
Zuletzt bearbeitet von blackde am Fr 27.08.2010 11:34, insgesamt 1-mal bearbeitet
|
|
|
|
|
ExMD
Dabei seit: 27.01.2005
Ort: Saarland
Alter: 45
Geschlecht:
|
Verfasst Fr 27.08.2010 17:22
Titel
|
|
|
1. keine ausrichtungen innerhalb der zellen (valign="top" oder "middle")
2. das bild mit dem aufgerissenen blatt überm schaf war an der falschen stelle positioniert (@remote, wundert mich echt, dass das bei dir korrekt angezeigt wurde das ding lag in ner komplett falschen zelle)
3. hintergrundbilder innerhalb von tabellen werden nicht mehr unterstützt, kann also durchaus sein, dass dein instyle background nur in den wenigsten mailclients angezeigt wird (sprechblase)
4. tipp: das nächste mal einen table-border sichtbar lassen, so lange du an einem tabellendesign schraubst, dann bemerkst du auch falsche positionierungen oder col- und rowspans.
benutz mal den code hier:
Code: | <html>
<head>
<title>DesignSheep</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Tabelle_01" width="524" height="567" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6" valign="top">
<img src="http://www.designsheep.de/responder/Bilder/respond_01.gif" width="524" height="41" alt="" style="display:block"></td>
</tr>
<tr>
<td rowspan="5" valign="top">
<img src="http://www.designsheep.de/responder/Bilder/respond_02.gif" width="90" height="525" alt="" style="display:block"></td>
<td width="222" height="141" colspan="2" valign="middle" style="background-image:url(http://www.designsheep.de/responder/Bilder/respond_03.gif);">
<center>Ihre Email ist erfolgreich bei uns eingetroffen, <b>vielen Dank</b> !<br>Wir werden uns schnellstmöglich um Ihr Anliegen kümmern.</center></td>
<td colspan="3" valign="top">
<img src="http://www.designsheep.de/responder/Bilder/respond_04.gif" width="212" height="141" alt="" style="display:block"></td>
</tr>
<tr>
<td rowspan="2" valign="top">
<img src="http://www.designsheep.de/responder/Bilder/respond_05.gif" width="174" height="258" alt="" style="display:block"></td>
<td colspan="3" valign="top"><a href="http://www.DesignSheep.de" border="0" target="_blank"><img src="http://www.designsheep.de/responder/Bilder/respond_06.gif" width="241" height="208" alt="" border="0"></a></td>
<td rowspan="4" valign="top">
<a href="http://www.DesignSheep.de" border="0" target="_blank"></a><img src="http://www.designsheep.de/responder/Bilder/respond_07.gif" width="19" height="384" alt="" style="display:block"></td>
</tr>
<tr>
<td colspan="3" valign="bottom">
<img src="http://www.designsheep.de/responder/Bilder/respond_08.gif" width="241" height="50" alt="" style="display:block"></td>
</tr>
<tr>
<td width="365" height="70" colspan="3" valign="top" style="background-image:url(http://www.designsheep.de/responder/Bilder/respond_09.gif);">
<center>Mit freundlichen Grüßen<br>
</td>
<td rowspan="2" valign="top">
<img src="http://www.designsheep.de/responder/Bilder/respond_10.gif" width="50" height="126" alt="" style="display:block"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="http://www.designsheep.de/responder/Bilder/respond_11.gif" width="365" height="56" alt="" style="display:block"></td>
</tr>
<tr>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="90" height="1" alt="" style="display:block"></td>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="174" height="1" alt="" style="display:block"></td>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="48" height="1" alt="" style="display:block"></td>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="143" height="1" alt="" style="display:block"></td>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="50" height="1" alt="" style="display:block"></td>
<td>
<img src="http://www.designsheep.de/responder/Bilder/Abstandhalter.gif" width="19" height="1" alt="" style="display:block"></td>
</tr>
</table>
</center>
</body>
</html> |
Zuletzt bearbeitet von ExMD am Fr 27.08.2010 17:25, insgesamt 1-mal bearbeitet
|
|
|
|
|
blackde
Threadersteller
Dabei seit: 26.08.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 27.08.2010 17:41
Titel
|
|
|
Vielen Dank noch einmal!
Lieder funktioniert der Code auch nicht viel besser... an der Ansicht hat sich kaum etwas geändert....
Langsam weis ich nicht weiter ... zumal es im Browser perfekt dargestellt wird...
|
|
|
|
|
aUDIOfREAK
Dabei seit: 04.04.2002
Ort: Ansbach
Alter: 44
Geschlecht:
|
Verfasst Fr 27.08.2010 18:59
Titel
|
|
|
also mal grundsätzlich - in neueren outlook-versionen ist die rendering-engine für emails nicht mehr der internet explorer sondern word (ja richtig gehört). das hat zur folge, das viele wichtige html-tags gar nicht mehr oder nur noch sehr rudimentär funktionieren. vor allem background-images (die du hier auch einsetzt) funktionieren gar nicht mehr. d.h. du musst deinen newsletter grundsätzlich anders aufbauen.
|
|
|
|
|
|
|
|
Ähnliche Themen |
HTML/ Newsletter <--> Flash Newsletter?
Newsletter in HTML
HTML-Newsletter am Mac
HTML-Newsletter
html newsletter
Anker in HTML-Newsletter
|
|