Top-Themen

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, 4094 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
HTML
E-Mail Sammlung für Newsletter in HTML
gelöst Frage von iampolarisHTML5 Kommentare

Moin da drauen, ich arbeite grade an einem kleinen Webprojekt, und da tat sich mir die Frage auf: Wie ...

Router & Routing
PFSense HTML Seite zum Hochladen von Bildern
gelöst Frage von EpytirRouter & Routing5 Kommentare

Hey Community , ich habe mal eine Frage bei PFsense kann man ja die Login Seite selbst in HTML ...

Multimedia & Zubehör
Welche Brennersoftware war 2002 am meisten verbreitet?
Frage von windowsboyMultimedia & Zubehör6 Kommentare

Hallo hätte die Frage welche CD Brennersoftware war den 2002 so gängig? Der Hintergrund ist folgender habe hier bei ...

Exchange Server
Verteilergruppe für Newsletter
Frage von EisernExchange Server3 Kommentare

Hallo, unser Vertrieb hätte gern eine neue Emailadresse für den Versand von Infos/Newsletter an Kunden für unsere Dienstleistungen. (hier ...

Neue Wissensbeiträge
Viren und Trojaner

Deaktivierter Keylogger in HP Notebooks entdeckt

Information von bitcoin vor 19 StundenViren und Trojaner1 Kommentar

Ein Grund mehr warum man Vorinstallationen der Hersteller immer blank bügeln sollte Der deaktivierte Keylogger findet sich im vorinstallierten ...

Router & Routing

Lets Encrypt kommt auf die FritzBox

Information von bitcoin vor 23 StundenRouter & Routing

In der neuesten Labor-Version der FB7490 integriert AVM unter anderem einen Let's Encrypt Client für Zugriffe auf das Webinterface ...

Internet

Was nützt HTTPS, wenn es auch von Phishing Web-Seiten genutzt wird

Information von Penny.Cilin vor 3 TagenInternet17 Kommentare

HTTPS richtig einschätzen Ob man eine Webseite via HTTPS aufruft, zeigt ein Schloss neben der Adresse im Webbrowser an. ...

Webbrowser

Bugfix für Firefox Quantum released - Installation erfolgt teilweise nicht automatisch!

Erfahrungsbericht von Volchy vor 5 TagenWebbrowser8 Kommentare

Hallo zusammen, gem. dem Artike von heise online wurde mit VersionFirefox 57.0.1 sicherheitsrelevante Bugs behoben. Entgegen der aktuellen Veröffentlichung ...

Heiß diskutierte Inhalte
Batch & Shell
Trusted Sites für alle User auf dem PC einpflegen
Frage von xXTaKuZaXxBatch & Shell12 Kommentare

Aufgabestellung: Es sollen auf 1 PC (bzw. mehreren PCs) vertrauenswürdige Sites per Powershell eingetragen werden, die für alle User ...

Voice over IP
Telefonstörung - Ortsrufnummern kein Verbindungsaufbau
Frage von Windows10GegnerVoice over IP10 Kommentare

Hallo, sowohl bei uns als auch beim Opa ist es über VoIP nicht möglich Ortsrufnummern anzurufen. Es kommt nach ...

Vmware
DOS 6.22 in VMWare mit CD-ROM
gelöst Frage von hesperVmware10 Kommentare

Hallo zusammen! Ich hab ein saublödes Problem. Es ist eine VMWare mit DOS 6.22 zu erstellen auf dem ein ...

Windows 10
Probleme mit Dateien, deren Pfad + Dateiname länger als 256 Zeichen sind
Frage von FalaffelWindows 109 Kommentare

Guten Tag, unter Windows 10 scheint es immer noch das Problem zu geben, dass der Pfad + Dateiname einer ...