Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Bild wird in HTML-Newsletter nicht ordnungsgemäß (meist garnicht) dargestellt

Frage Entwicklung HTML

Mitglied: Blu3Scr33n

Blu3Scr33n (Level 1) - Jetzt verbinden

28.06.2012, aktualisiert 16:15 Uhr, 3946 Aufrufe, 8 Kommentare

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:

01.
<TR> 
02.
<td style="text-align:left;"><img src="http://www.ADRESSE.jpg" width="620" height="50" alt="ALTERNATIVNAME"> 
03.
</td> 
04.
</TR>
Über Tipps, Tricks und Ratschläge wäre ich sehr dankbar.

Beste Grüße,

Blu3Scr33n
Mitglied: bytecounter
28.06.2012 um 18:30 Uhr
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
Bitte warten ..
Mitglied: pcguy
29.06.2012 um 09:25 Uhr
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
Bitte warten ..
Mitglied: Blu3Scr33n
29.06.2012 um 11:21 Uhr
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.

01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
02.
<html> 
03.
<head> 
04.
<style type="text/css"> 
05.
a:link { text-decoration:none; color:blue; } 
06.
a:visited { text-decoration:none; color:blue; } 
07.
</style> 
08.
</head> 
09.
<body style="margin-left:auto;margin-right:auto;bgcolor=#CCFFFF"> 
10.
<div style="margin:auto;"> 
11.
<table style="font-family: arial, helvetica, sans-serif;border:0;font-size:14px;background-color:#E2E2E2;" cellpadding="5" width="55%"> 
12.
<tr> 
13.
<td style="background-color:#E2E2E2;width:22%;text-align:center;"> 
14.
<TABLE style="font-family: arial, helvetica, sans-serif;font-size:14px;vertical-align:middle;margin:auto;" cellpadding="0" width="22%" border="0"> 
15.
<TR> 
16.
<td style="text-align:left;"><img src="http://www.ADRESSE.jpg" width="620" height="50" alt="Alternativname"> 
17.
</td> 
18.
</TR> 
19.
<TR> 
20.
<td style="text-align:center;font-size:14px"><div style="width:597px;"><br><b>Deutsche Version<br><br></b></div></td> 
21.
</TR> 
22.
<TR> 
23.
</TR> 
24.
<tr style="background-color:#002C53;color:#FFFFFF;vertical-align:middle;"> 
25.
<td style="padding-top:10px;padding-bottom:10px;vertical-align:middle;font-size:16px;text-align:center;"> 
26.
<br> 
27.
<b>Lorem Ipsum: </p> 
28.
<p>Lorem Ipsum</p> </b> 
29.
</td> 
30.
</tr> 
31.
<tr style="background-color:#E2E2E2;"> 
32.
<td style="vertical-align:middle;padding-left:10px;padding-right:10px;"> 
33.
<br><a name="topic1"></a><p style="margin-top:5px;"></p> 
34.
<div style="text-align:justify;"> 
35.
<p>Lorem ipsum,</p> 
36.
<p>Lorem ipsum:</p> 
37.
<ul> 
38.
<li>Lorem ipsum 
39.
<li>Lorem ipsum 
40.
<li>Lorem ipsum 
41.
<li>Lorem Ipsum 
42.
</ul> 
43.
</div> 
44.
<br> 
45.
</td> 
46.
<tr> <td> </td> </tr> 
47.
<tr style="margin-bottom:10%;background-color:#002C53;color:#FFFFFF;vertical-align:middle;"> 
48.
<td style="padding-top:10px;padding-bottom:10px;margin-bottom:10%;vertical-align:middle;font-size:16px;text-align:center;"> 
49.
<br> 
50.
<b>Lorem: 
51.
<p>Lorem ipsum</p>  
52.
</b><a name="topic7"></a> 
53.
</td> 
54.
</tr> 
55.
<tr style="background-color:#E2E2E2;"> 
56.
<td style="text-align:left;vertical-align:middle;padding-left:10px;padding-right:10px;"> 
57.
<br>Lorem ipsum, 
58.
<p> </p> 
59.
<tr style="text-align:left;"><td><img src="http://www.ADRESSE.jpg" width="170" height="45" alt="ALTERNATIVNAME"></td></tr> 
60.
<br> 
61.
</td> 
62.
</tr> 
63.
<tr style="background-color:#E2E2E2;"> 
64.
<td style="vertical-align:middle;padding-left:10px;padding-right:10px;"> 
65.
<br><br><DIV style="text-align:center;">&copy; Copyright 2012 Lorem ipsum 
66.
<BR>Lorem ipsum 
67.
<BR> 
68.
<BR>Lorem ipsum 
69.
<br> 
70.
T: +49 (0) 000 000 000</DIV> 
71.
<p style="text-align:center;color:blue;"><a href="mailto:mail@mail.de/"> mail@mail.de</a></p> 
72.
<p style="text-align:center;color:blue;"><a href="http://www.URL.de/">http://www.URL.de</a></p> 
73.
<br> 
74.
</td> 
75.
</tr> 
76.
</TABLE> 
77.
</tr> 
78.
</TABLE> 
79.
</div> 
80.
</body> 
81.
</html>
Ich hoffe, das macht einiges klarer.

Beste Grüße,

Blu3Scr33n
Bitte warten ..
Mitglied: bytecounter
29.06.2012 um 22:15 Uhr
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
Bitte warten ..
Mitglied: Blu3Scr33n
30.06.2012 um 12:45 Uhr
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
Bitte warten ..
Mitglied: Blu3Scr33n
05.07.2012 um 09:40 Uhr
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
Bitte warten ..
Mitglied: pcguy
05.07.2012 um 10:38 Uhr
Kopiere den Bildpfad des Bild 2 in den Browser ..... wird das Bild angezeigt?


LG
Bitte warten ..
Mitglied: Blu3Scr33n
22.08.2012 um 17:02 Uhr
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.
Bitte warten ..
Neuester Wissensbeitrag
CPU, RAM, Mainboards

Angetestet: PC Engines APU 3a2 im Rack-Gehäuse

Erfahrungsbericht von ashnod zum Thema CPU, RAM, Mainboards ...

Ähnliche Inhalte
Webentwicklung
HTML Output in eine txt Datei mit VisualBasicScript (2)

Frage von coca22COCA zum Thema Webentwicklung ...

Windows Netzwerk
gelöst Frage zu den Netzwerkfreigaben mit Bild (8)

Frage von M.Marz zum Thema Windows Netzwerk ...

Exchange Server
gelöst Exchange 2013 - Abwesenheitsnachricht Umlaute werden nicht dargestellt (3)

Frage von staybb zum Thema Exchange Server ...

Python
gelöst Python requests JSON Objekt + Bild versenden (4)

Frage von nullacht15 zum Thema Python ...

Heiß diskutierte Inhalte
Grafikkarten & Monitore
Win 10 Grafikkarte Crash von Software? (13)

Frage von Marabunta zum Thema Grafikkarten & Monitore ...

Windows Server
Mailserver auf Windows Server 2012 (8)

Frage von StefanT81 zum Thema Windows Server ...

DSL, VDSL
DSL-Signal bewerten (8)

Frage von SarekHL zum Thema DSL, VDSL ...

Backup
Clients als Server missbrauchen? (8)

Frage von 1410640014 zum Thema Backup ...