Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen (A bis Z)

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, 4074 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 ..
Ähnliche Inhalte
E-Mail
Newsletter an mehr als 500 Empfänger (9)

Frage von BergEnte zum Thema E-Mail ...

HTML
Gibt es einen simplen HTML Baukasten? (7)

Frage von thomasreischer zum Thema HTML ...

CMS
gelöst PhpMyAdmin Login-Seite wird nicht dargestellt (3)

Frage von Static zum Thema CMS ...

HTML
gelöst HTML, CSS: Mapping auf dynamischen Hintergrund (2)

Frage von Judo99 zum Thema HTML ...

Neue Wissensbeiträge
Ubuntu

Ubuntu 17.10 steht zum Download bereit

Information von Frank zum Thema Ubuntu ...

Datenschutz

Autofahrer-Pranger - Bewertungsportal illegal

(8)

Information von BassFishFox zum Thema Datenschutz ...

Windows 10

Neues Win10 Funktionsupdate verbuggt RemoteApp

(2)

Information von thomasreischer zum Thema Windows 10 ...

Microsoft

Die neuen RSAT-Tools für Win10 1709 sind da

(2)

Information von DerWoWusste zum Thema Microsoft ...

Heiß diskutierte Inhalte
Router & Routing
Allnet - VDSL2 Modem - SFP (mini-GBIC) (20)

Frage von Dobby zum Thema Router & Routing ...

Voice over IP
DeutschlandLAN IP Voice Data M Premium, Erfahrung mit Faxgeräte? (17)

Frage von liquidbase zum Thema Voice over IP ...

TK-Netze & Geräte
TK-Anlage VoIP - DECT Erweiterung (16)

Frage von Lynkon zum Thema TK-Netze & Geräte ...