Newsletter Vorlage wird in Outlook fehlerhaft dargestellt

**MCTELE** · 07.06.2011, 17:07

Hallo zusammen,

ich habe mir eine Newsletter Vorlage erstellen lassen.
Wie ich heute festgestellt habe wird diese in Outlook nicht korrekt dargestellt, Empfänger die den Newsletter in GMX und Web.de anschauen sehen diesen korrekt.

Wie es sich bei anderen Providern verhält kann ich nicht sagen, hat jemand eine Idee warum beim Empfang mit Outlook die Vorlage falsch dargestellt wird?

Anbei der Code:

HTML-Code:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <meta name="Generator" content="PhotoImpact">
   <meta name="PhotoImpact Document" content="D:\Web-Archiv\auslieferung2011\auslieferung06\jasmola-newsletter\index3.ufo">
   <meta name="GENERATOR" content="Mozilla/4.7 [de] (WinNT; I) [Netscape]">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#000000" vlink="#000000" alink="#000000" TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">

<center><a NAME="top"></a></center>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr>
<td COLSPAN="5"><img SRC="index_1.jpg" BORDER=0 height=161 width=800></td>
</tr>

<tr>
<td COLSPAN="2"><img SRC="index_2.jpg" BORDER=0 height=56 width=517></td>

<td ALIGN=RIGHT VALIGN=TOP COLSPAN="2" WIDTH="265" HEIGHT="56" BACKGROUND="index_3.jpg">&nbsp;
<div ALIGN=right><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=2 WIDTH="200" HEIGHT="20" >
<tr>
<td ALIGN=CENTER WIDTH="180">
<center><font face="Tahoma"><font color="#FFFFFF"><font size=-1>Ausgabe
Juni 2011</font></font></font></center>
</td>

<td WIDTH="20"></td>
</tr>
</table></div>
</td>

<td><img SRC="index_4.gif" BORDER=0 height=56 width=18></td>
</tr>

<tr>
<td><img SRC="index_5.gif" BORDER=0 height=353 width=20></td>

<td ALIGN=CENTER VALIGN=TOP COLSPAN="2" ROWSPAN="2" WIDTH="758" HEIGHT="356" BACKGROUND="index_6.jpg">
<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="700" HEIGHT="80" >
<tr>
<td ALIGN=LEFT VALIGN=TOP><font face="Tahoma"><font size=-1>Wir bieten
Ihnen eine gro&szlig;e Auswahl an Piercingschmuck f&uuml;r alle K&ouml;rperbereiche
zu tollen Preisen in hoher Qualit&auml;t. Sie suchen ein besonderes Piercing
f&uuml;r sich? Ob ein dezenter Ring f&uuml;r Augenbraue, Lippe, Brust oder
Ohr – ein auffallender Stecker f&uuml;r Nase, Wange oder Zunge – oder ein
aufregendes Piercing f&uuml;r den Bauchnabel oder den Intimbereich: Wir
f&uuml;hren ein riesiges Angebot in unterschiedlichen Gr&ouml;&szlig;en,
Materialien und Looks – immer hoch qualitativ.</font></font></td>
</tr>
</table></center>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="758" HEIGHT="29" BACKGROUND="balken.png" >
<tr>
<td ALIGN=CENTER VALIGN=CENTER><font face="Tahoma"><font color="#FFFFFF">Weitere
Top Angebote finden Sie auf unserem <b>Onlineshop</b> www.jasmoa.de</font></font></td>
</tr>
</table></center>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=7 WIDTH="756" HEIGHT="150" >
<tr>
<td ALIGN=CENTER VALIGN=CENTER WIDTH="187"><a href="index.html"><img SRC="11501-1f.jpg" BORDER=0 height=110 width=110></a>
<br><font face="Tahoma"><font size=-2><a href="index.html">Bauchnabelpiercing
16.99 EUR</a></font></font></td>

<td WIDTH="1" BGCOLOR="#C0C0C0"></td>

<td ALIGN=CENTER VALIGN=CENTER WIDTH="187"><a href="index.html"><img SRC="11502-4x.jpg" BORDER=0 height=110 width=110></a>
<br><font face="Tahoma"><font size=-2><a href="index.html">Bauchnabelpiercing
17.99 EUR</a></font></font></td>

<td WIDTH="1" BGCOLOR="#C0C0C0"></td>

<td ALIGN=CENTER VALIGN=CENTER WIDTH="187"><a href="index.html"><img SRC="11503-1w.jpg" BORDER=0 height=110 width=110></a>
<br><font face="Tahoma"><font size=-2><a href="index.html">Bauchnabelpiercing
16.99 EUR</a></font></font></td>

<td WIDTH="1" BGCOLOR="#C0C0C0"></td>

<td ALIGN=CENTER VALIGN=CENTER WIDTH="187"><a href="index.html"><img SRC="11504-4y.jpg" BORDER=0 height=110 width=110></a>
<br><font face="Tahoma"><font size=-2><a href="index.html">Bauchnabelpiercing
16.99 EUR</a></font></font></td>
</tr>
</table></center>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="756" HEIGHT="1" BGCOLOR="#C0C0C0" >
<tr>
<td></td>
</tr>
</table></center>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=7 WIDTH="756" HEIGHT="150" >
<tr>
<td ALIGN=CENTER VALIGN=CENTER WIDTH="187"><a href="index.html"><img SRC="11487-80a.jpg" BORDER=0 height=110 width=110></a>
<br><font face="Tahoma"><font size=-2><a href="index.html">Nasenpiercing
nur 4.99 EUR</a></font></font></td>

<td WIDTH="1" BGCOLOR="#C0C0C0"></td>

<td ALIGN=CENTER VALIGN=CENTER WIDTH="187"><a href="index.html"><img SRC="11488-4c.jpg" BORDER=0 height=110 width=110></a>
<br><font face="Tahoma"><font size=-2><a href="index.html">Spirale Twister
nur 7.99 EUR</a></font></font></td>

<td WIDTH="1" BGCOLOR="#C0C0C0"></td>

<td ALIGN=CENTER VALIGN=CENTER WIDTH="187"><a href="index.html"><img SRC="11490-4e.jpg" BORDER=0 height=110 width=110></a>
<br><font face="Tahoma"><font size=-2><a href="index.html">Spirale Twister
nur 7.99 EUR</a></font></font></td>

<td WIDTH="1" BGCOLOR="#C0C0C0"></td>

<td ALIGN=CENTER VALIGN=CENTER WIDTH="187"><a href="index.html"><img SRC="11492-17b.jpg" BORDER=0 height=110 width=110></a>
<br><font face="Tahoma"><font size=-2><a href="index.html">Spirale Twister
nur 8.29 EUR</a></font></font></td>
</tr>
</table></center>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="756" HEIGHT="1" BGCOLOR="#C0C0C0" >
<tr>
<td></td>
</tr>
</table></center>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=7 WIDTH="756" HEIGHT="150" >
<tr>
<td ALIGN=CENTER VALIGN=CENTER WIDTH="187">
<br><font face="Tahoma"><font size=-2><a href="index.html">weitere Angebote</a></font></font></td>

<td WIDTH="1" BGCOLOR="#C0C0C0"></td>

<td ALIGN=CENTER VALIGN=CENTER WIDTH="187">
<br><font face="Tahoma"><font size=-2><a href="index.html">weitere Angebote</a></font></font></td>

<td WIDTH="1" BGCOLOR="#C0C0C0"></td>

<td ALIGN=CENTER VALIGN=CENTER WIDTH="187">
<br><font face="Tahoma"><font size=-2><a href="index.html">weitere Angebote</a></font></font></td>

<td WIDTH="1" BGCOLOR="#C0C0C0"></td>

<td ALIGN=CENTER VALIGN=CENTER WIDTH="187">
<br><font face="Tahoma"><font size=-2><a href="index.html">weitere Angebote</a></font></font></td>
</tr>
</table></center>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="756" HEIGHT="1" BGCOLOR="#C0C0C0" >
<tr>
<td></td>
</tr>
</table></center>
</td>

<td COLSPAN="2"><img SRC="index_7.gif" BORDER=0 height=353 width=22></td>
</tr>

<tr>
<td><img SRC="index_8.gif" BORDER=0 height=3 width=20></td>

<td COLSPAN="2"><img SRC="index_9.gif" BORDER=0 height=3 width=22></td>
</tr>

<tr>
<td COLSPAN="5"><img SRC="index_10.jpg" BORDER=0 height=174 width=800></td>
</tr>

<tr>
<td><img SRC="space.gif" BORDER=0 height=1 width=20></td>

<td><img SRC="space.gif" BORDER=0 height=1 width=497></td>

<td><img SRC="space.gif" BORDER=0 height=1 width=261></td>

<td><img SRC="space.gif" BORDER=0 height=1 width=4></td>

<td><img SRC="space.gif" BORDER=0 height=1 width=18></td>
</tr>
</table></center>

</body>
</html>

**zehsn** · 08.06.2011, 09:39

was heist nicht korrekt ? Was wird denn nicht / falsch angezeigt ? (Screenshot)
Und eine HTML E-Mail Vorlage muss absolute Pfade enthalten.

**MCTELE** · 08.06.2011, 10:11

Hallo zehsn,

die absoluten Pfade werden dann durch das Newsletter Programm gesetzt.

Einen Screenshot habe ich beigefügt, folgende Fehler sind enthalten:

- Es fehlt im Kopfbereich auf der rechten Seite ein Teil des roten Balkens.
- Der Text "Ausgabe Juni 2011" steht am Rand, sollte jedoch am rechten Rand der
Kopfgrafik erscheinen.
- Bilder und Text sind nicht mittig im Vergleich zu obiger und unterer Grafik.

Gruß
Markus

**hero-master** · 08.06.2011, 10:41

Moin,
das mit der Breite könnte daran liegen, dass die Tabelle keine Breite zugewisen bekommen hat. Ich würde der Seite auch noch ein title-Tag mitgeben und die meta-Tags können auch alle weg, bis auf die mit der Codierung (iso...). Dann solltest du noch aus dem valign=center ein valign=middle machen, center gibt es da nämlich nicht.

**MCTELE** · 08.06.2011, 13:15

Hallo hero-master,

vielen Dank für die Antwort!
Da ich keine Ahnung von HTML und CSS habe wäre ich über etwas Unterstützung froh

- Wie kann ich der Tabell eine Breite zuweisen (ist das Bereich zwischen <TR> </TR>)?
- Welchen Sinn hat der Title Tag und wie muß ich den einfügen?

Das mit den Meta Tags und die Änderung valign= sollte ich hinbekommen.

Vielen Dank

Markus

**hero-master** · 08.06.2011, 13:55

Zitat von MCTELE

Da ich keine Ahnung von HTML und CSS habe wäre ich über etwas Unterstützung froh

Kannst du dich nicht an die Person wenden, die dir das NL-Template erstellt hat?

Zitat von MCTELE

- Wie kann ich der Tabell eine Breite zuweisen (ist das Bereich zwischen <TR> </TR>)?

http://de.selfhtml.org/html/tabellen...breiten_hoehen

- Welchen Sinn hat der Title Tag und wie muß ich den einfügen?

http://de.selfhtml.org/html/kopfdaten/titel.htm

**MCTELE** · 08.06.2011, 15:28

Hallo,

da es sich um einen Newsletter handelt hat der Titel Tag doch sicher keine Funktion so wie das bei einer Internetseite wäre, oder?

Wie ich erfahren habe kann Outlook 2007 nicht mit CSS umgehen, vermutlich ist dass das Problem...

Die Links werde ich mal durcharbeiten.

Gruß
Markus

**hero-master** · 08.06.2011, 15:56

Zitat von MCTELE

da es sich um einen Newsletter handelt hat der Titel Tag doch sicher keine Funktion so wie das bei einer Internetseite wäre, oder?

Aber du bietest unten ja auch noch den Link zum NL als HTML-Dokument an

Zitat von MCTELE

Wie ich erfahren habe kann Outlook 2007 nicht mit CSS umgehen, vermutlich ist dass das Problem

Outlook kann CSS, aber nur sehr spärlich. Du arbeitest aber auch nicht mit CSS...

**MCTELE** · 08.06.2011, 16:14

Hallo Nico,

dann kann es ja am CSS schon mal nicht liegen

Den Titel Tag füge ich ein und dann werd ich mal bisschen mit den Tabellen spielen, hoffe es bringt Erfolg.

Ich glaub ich kauf mir mal ein Buch um HTML zu lernen

Gruß
Markus

**Stefan** · 09.06.2011, 11:20

Zitat von MCTELE

Ich glaub ich kauf mir mal ein Buch um HTML zu lernen

Puh, kauf lieber MS ein Buch über CSS, damit Steinzeit-Outlook damit umgehen kann ... man, was hab ich schon Zeit totgeschlagen mit genau dem selben Problem ...

**MCTELE** · 09.06.2011, 13:58

Hallo Stefan,

da ich keine Ahnung von HTML habe spiele ich schon mit dem Gedanken mich mal mit der Materie zu beschäftigen, ich möchte wenigstens ein bisschen verstehen wie sich so eine Webseite etc. zusammen setzt.

Bisher habe ich es nicht hinbekommen dass der Newsletter in Outlook vernünftig dargestellt wird.

Gruß

Markus

zur Startseite vom TP

Thema: Newsletter Vorlage wird in Outlook fehlerhaft dargestellt

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Newsletter Vorlage wird in Outlook fehlerhaft dargestellt

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

Vorlage für Flyer / Broschüre und Newsletter erstellen

[FW CS4] Fireworks Bug - nach Buttonerstellung wird Website fehlerhaft dargestellt

outlook suche in kontakte - wird nicht alles dargestellt

In einem Newsletter überprüfen ob HTML dargestellt werden kann

Aktive Benutzer

Aktive Benutzer

Berechtigungen