8
Bild wird in HTML-Newsletter nicht ordnungsgemäß (meist garnicht) dargestellt
Hallo liebe Administratoren,
Folgendes Problem:
Ich habe einen HTML Newsletter erstellt. Dieser beinhaltet zwei Bilder (beide .jpg)
Wenn ich mir diesen Newsletter nun an verschiedene Mailclients schicke, dann kommt es zu einem Problem.
Das erste Bild wird immer ordnungsgemäß dargestellt.
Das zweite Bild jedoch wird
- bei mir im Outlook korrekt dargestellt
- bei einer Kollegin garnicht
- bei meinem privaten GMX Account wird wenigstens der Alternativname ausgegeben
- bei Freenet und Googlemail wird das zweite Bild auch nicht dargestellt.
Beide sind in folgender Form in den HTML Text geschrieben:
Über Tipps, Tricks und Ratschläge wäre ich sehr dankbar.
Beste Grüße,
Blu3Scr33n
Ich habe einen HTML Newsletter erstellt. Dieser beinhaltet zwei Bilder (beide .jpg)
Wenn ich mir diesen Newsletter nun an verschiedene Mailclients schicke, dann kommt es zu einem Problem.
Das erste Bild wird immer ordnungsgemäß dargestellt.
Das zweite Bild jedoch wird
- bei mir im Outlook korrekt dargestellt
- bei einer Kollegin garnicht
- bei meinem privaten GMX Account wird wenigstens der Alternativname ausgegeben
- bei Freenet und Googlemail wird das zweite Bild auch nicht dargestellt.
Beide sind in folgender Form in den HTML Text geschrieben:
<TR>
<td style="text-align:left;"><img src="http://www.ADRESSE.jpg" width="620" height="50" alt="ALTERNATIVNAME">
</td>
</TR>Über Tipps, Tricks und Ratschläge wäre ich sehr dankbar.
Beste Grüße,
Blu3Scr33n
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 187215
Url: https://administrator.de/contentid/187215
Printed on: April 24, 2024 at 07:04 o'clock
8 Comments
Latest comment
Wenn Dein Auto kaputt ist, bringst Du dann auch nur den Motor in die Werkstatt?
Wie schaut die gesamte Mail aus? Reines HTML oder auch CSS? Wie ist die Anordnung der Bilder? Wie schauen die URIs zu den Bildern aus; werden alle Grafiken nur über ungesicherte Verbindungen (http:// kein https://) geladen?
Welchen Mimetype, Zeichensatz, usw. hat die Mail? Sind in den URIs eventuell Umlaute enthalten?
Fragen über Fragen, zu denen meine Glaskugel leider keine Antworten bietet...
vg
Wie schaut die gesamte Mail aus? Reines HTML oder auch CSS? Wie ist die Anordnung der Bilder? Wie schauen die URIs zu den Bildern aus; werden alle Grafiken nur über ungesicherte Verbindungen (http:// kein https://) geladen?
Welchen Mimetype, Zeichensatz, usw. hat die Mail? Sind in den URIs eventuell Umlaute enthalten?
Fragen über Fragen, zu denen meine Glaskugel leider keine Antworten bietet...
vg
Hallo
Nun wäre es hilfreich einwenig mehr von dem Newsletter zu sehen,... hast Du den selber hergestellt oder über eine Software?
Anhand Deiner Info sehe ich nur das der Pfad falsch ist, wenn er wirklich so im NL ist:
http://www.ADRESSE.jpg;
LG
Nun wäre es hilfreich einwenig mehr von dem Newsletter zu sehen,... hast Du den selber hergestellt oder über eine Software?
Anhand Deiner Info sehe ich nur das der Pfad falsch ist, wenn er wirklich so im NL ist:
http://www.ADRESSE.jpg;
LG
Danke schonmal für die Antworten
Der Pfad des Fotos ist natürlich verfremdet.
Ich versuche mal eure Glaskugel etwas zu entlasten.
Den Inhalt des Newsletters habe ich rausgenommen und die jeweiligen Adressen verfremdet.
Ich hoffe, das macht einiges klarer.
Beste Grüße,
Blu3Scr33n
Der Pfad des Fotos ist natürlich verfremdet.
Ich versuche mal eure Glaskugel etwas zu entlasten.
Den Inhalt des Newsletters habe ich rausgenommen und die jeweiligen Adressen verfremdet.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
a:link { text-decoration:none; color:blue; }
a:visited { text-decoration:none; color:blue; }
</style>
</head>
<body style="margin-left:auto;margin-right:auto;bgcolor=#CCFFFF">
<div style="margin:auto;">
<table style="font-family: arial, helvetica, sans-serif;border:0;font-size:14px;background-color:#E2E2E2;" cellpadding="5" width="55%">
<tr>
<td style="background-color:#E2E2E2;width:22%;text-align:center;">
<TABLE style="font-family: arial, helvetica, sans-serif;font-size:14px;vertical-align:middle;margin:auto;" cellpadding="0" width="22%" border="0">
<TR>
<td style="text-align:left;"><img src="http://www.ADRESSE.jpg" width="620" height="50" alt="Alternativname">
</td>
</TR>
<TR>
<td style="text-align:center;font-size:14px"><div style="width:597px;"><br><b>Deutsche Version<br><br></b></div></td>
</TR>
<TR>
</TR>
<tr style="background-color:#002C53;color:#FFFFFF;vertical-align:middle;">
<td style="padding-top:10px;padding-bottom:10px;vertical-align:middle;font-size:16px;text-align:center;">
<br>
<b>Lorem Ipsum: </p>
<p>Lorem Ipsum</p> </b>
</td>
</tr>
<tr style="background-color:#E2E2E2;">
<td style="vertical-align:middle;padding-left:10px;padding-right:10px;">
<br><a name="topic1"></a><p style="margin-top:5px;"></p>
<div style="text-align:justify;">
<p>Lorem ipsum,</p>
<p>Lorem ipsum:</p>
<ul>
<li>Lorem ipsum
<li>Lorem ipsum
<li>Lorem ipsum
<li>Lorem Ipsum
</ul>
</div>
<br>
</td>
<tr> <td> </td> </tr>
<tr style="margin-bottom:10%;background-color:#002C53;color:#FFFFFF;vertical-align:middle;">
<td style="padding-top:10px;padding-bottom:10px;margin-bottom:10%;vertical-align:middle;font-size:16px;text-align:center;">
<br>
<b>Lorem:
<p>Lorem ipsum</p>
</b><a name="topic7"></a>
</td>
</tr>
<tr style="background-color:#E2E2E2;">
<td style="text-align:left;vertical-align:middle;padding-left:10px;padding-right:10px;">
<br>Lorem ipsum,
<p> </p>
<tr style="text-align:left;"><td><img src="http://www.ADRESSE.jpg" width="170" height="45" alt="ALTERNATIVNAME"></td></tr>
<br>
</td>
</tr>
<tr style="background-color:#E2E2E2;">
<td style="vertical-align:middle;padding-left:10px;padding-right:10px;">
<br><br><DIV style="text-align:center;">© Copyright 2012 Lorem ipsum
<BR>Lorem ipsum
<BR>
<BR>Lorem ipsum
<br>
T: +49 (0) 000 000 000</DIV>
<p style="text-align:center;color:blue;"><a href="mailto:mail@mail.de/"> mail@mail.de</a></p>
<p style="text-align:center;color:blue;"><a href="http://www.URL.de/">http://www.URL.de</a></p>
<br>
</td>
</tr>
</TABLE>
</tr>
</TABLE>
</div>
</body>
</html>Ich hoffe, das macht einiges klarer.
Beste Grüße,
Blu3Scr33n
Hmm..die Formatierung ist nicht die Beste, aber was mir aufgefallen ist: Du definierst die Breiten mal in Prozent und mal in Pixel. Könnte mir vorstellen, dass hier eventuell Überschneidungen sind und daher dann das zweite Bild eben nicht mehr angezeigt wird. Es ist auch nicht angegeben, was der Browser im Falle eines Overflows machen soll. Hier nimmt jeder Browser das, was im der Hersteller als Standard übergeben hat. Ich vermute, wenn Du Dir den Newsletter bei GMX Webmail mal mit dem IE und Firefox/Google Chrome anschaust, wird auch schon unterschiedlich ausschauen. Gleiches, bei schmalem Browserfenster. Lass doch testweise die Breitenangaben komplett weg, und schau, was dann passiert.
lg
lg
Ja, bin dann doch eher HTML Leihe und der Newsletter ist aus der Notwendigkeit entstanden und dementsprechend leihenhaft zusammengeschustert 
Ich werde das mit den Angaben mal ausprobieren und mich dann zurückmelden.
Beste Grüße,
Blu3Scr33n
Ich werde das mit den Angaben mal ausprobieren und mich dann zurückmelden.
Beste Grüße,
Blu3Scr33n
So, bin endlich dazu gekommen mich wieder na den Newsletter zu setzen.
Ich habe mal beide Größenangaben für die Bilder rausgenommen. Tue ich das beim oberen Bild, so wird mir der komplette Newsletter zerschossen:
- Der Newsletter wird auf die gesamte Breite des Browserfensters gestreckt. Scheinbar floated alles mit diesem Bild mit.
- Lösche ich die Angaben beim Zweiten, wird dieses unwesentlich breiter.
Bei Versenden des Newsletters ist allerdings das zweite Bild immer noch nicht in allen Versionen zu erkennen.
Vielleicht noch eine nützliche Zusatzangabe. Ich verschicke den Newsletter mit einer Newsletter Software. Dort kopiere ich den HTML Text rein und lasse ihn von dort automatisch an die Empfänger in der Adressliste versenden.
Könnte das evtl. die Fehlerquelle sein.
Beste Grüße,
Blu3Scr33n
Ich habe mal beide Größenangaben für die Bilder rausgenommen. Tue ich das beim oberen Bild, so wird mir der komplette Newsletter zerschossen:
- Der Newsletter wird auf die gesamte Breite des Browserfensters gestreckt. Scheinbar floated alles mit diesem Bild mit.
- Lösche ich die Angaben beim Zweiten, wird dieses unwesentlich breiter.
Bei Versenden des Newsletters ist allerdings das zweite Bild immer noch nicht in allen Versionen zu erkennen.
Vielleicht noch eine nützliche Zusatzangabe. Ich verschicke den Newsletter mit einer Newsletter Software. Dort kopiere ich den HTML Text rein und lasse ihn von dort automatisch an die Empfänger in der Adressliste versenden.
Könnte das evtl. die Fehlerquelle sein.
Beste Grüße,
Blu3Scr33n
Kopiere den Bildpfad des Bild 2 in den Browser ..... wird das Bild angezeigt?
LG
LG
Entschuldigt die späte Rückmeldung.
Ja. Das 2. Bild wird ordnungsgemäß im Browser angezeigt...
Das wird es ja auch schon, wenn ich den Newsletter erstelle.
Nur nach dem Versenden wird es wie gesagt nicht überall ordnungsgemäß dargestellt.
Ja. Das 2. Bild wird ordnungsgemäß im Browser angezeigt...
Das wird es ja auch schon, wenn ich den Newsletter erstelle.
Nur nach dem Versenden wird es wie gesagt nicht überall ordnungsgemäß dargestellt.
