[GastForen Web allgemein HTML und CSS / Stylesheets HTML-Newsletter vs. Outlook

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

HTML-Newsletter vs. Outlook

TheTom
Beiträge gesamt: 39

3. Nov 2011, 08:46
Beitrag # 1 von 2
Bewertung:
(2498 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo!

Ich schlage mich im Moment mit folgendem Problem herum und komme einfach nicht auf die Lösung. Ich möchte einen HTML-Newsletter mittels phplist versenden. Funktioniert auch prima - bis auf dass ich keine Newsletter an GMX-Adressen versenden kann. Aber das ist eine andere Geschichten.

Mein Hauptproblem ist die Ansicht in MS Outlook. Apple Mail, google-webmail, outlook-webmail-server, ... stellen den Newsletter richtig dar. Nur in Outlook wird das Layout zerschossen: Der Teil mit dem Text (FELD 1 im Code) wird über die ganze Fensterbreite gezogen. Hab' auch schon alles mögliche versucht, irgendwie kann ich den Fehler nicht finden...

Der Inhaltsbereich ist eine Tabelle mit 700px Breite, darin eingebettet die Tabelle für den Text (Feld 1) mit einem "Schatteneffekt" als Image links und rechts mit jeweils 36 px Breite. Dazwischen der eigentliche Contentbereich mit 620px Breite. Darin 2 Tabellen mit jeweils 618 px Breite für den Tabellen-Titel und den Text.
Darunter dann die Kontaktdaten und ein Image.

So sollte es eigentlich aussehen:
http://www.abload.de/img/bild2l17zb.jpg

Code
<body bgcolor="#7b7b7a" bgcolor="#7b7b7a" style="margin: 0px; background-color: #7b7b7a;"> 

<div style="width:100%; font-size:small; font-family:verdana, sans-serif; text-decoration:none; background-color:#7b7b7a;">
<br><br>
<center>
<table width="800px" border="0" rules="none" cellspacing="0" cellpadding="0" bgcolor="#7b7b7a" align="center">
<tr>
<td bgcolor="#7b7b7a" align="center">
<center>
<table width="700px" border="0" rules="none" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center">
<tr>
<td align="center" valign="bottom" height="22px">
<p style="text-decoration:none; font-size:x-small; font-family:verdana, sans-serif; color:#000000; text-align:center">Wenn dieser Newsletter nicht optimal dargestellt wird, klicken Sie bitte auf <a href="">Newsletter-Webansicht</a></p>
</td>
</tr>
<tr>
<td><img style="border-width: 0px;" src="background700x253.jpg" width="700" height="253" /></td>
</tr>
<tr>
<td align="center" valign="top">
<h4 style="margin-top:15px; margin-bottom:20px; margin-left:37px; text-decoration:none; font-size:medium; font-family:verdana, sans-serif; color:#000000; text-align:left">Sehr {CONDITIONAL|[ANREDE=Herr]|geehrter [ANREDE]|geehrte [ANREDE]} [NAME]</h4>

<center>
<!-- BEGINN Contentbereich -->

<!-- BEGINN FELD 1 -->
<table width="692px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="36px">&nbsp;</td>
<td width="620px" height="25px" bgcolor="#7b7b7a" align="left" valign="middle" cellspacing="0" cellpadding="0" >
<table width="618px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40px" cellspacing="0" cellpadding="0" valign="middle"><img src="tableheadpfeil.jpg" width="27" height="25" border="0"/></td>
<td cellspacing="0" cellpadding="0" valign="middle" align="left"><h3 style="margin-top:0px; margin-bottom:0px; margin-left:0px; text-decoration:none; font-size:small; font-family:verdana, sans-serif; color:#ffffff;">Headline</h3></td>
<td width="27px" cellspacing="0" cellpadding="0" valign="middle" align="right"><img src="tableheadx.jpg" width="26" height="25" border="0"/></td>
</tr>
</table>
</td>
<td width="36px">&nbsp;</td>
</tr>
<tr>
<td align="right" valign="bottom"><img style="border-width: 0px;" src="tablebottomleft36x68.jpg" width="29" height="68" /></td>
<td bgcolor="#ebecee" align="center" valign="top">
<table width="600px" cellspacing="0" cellpadding="10px">
<tr>
<td align="left" valign="top" border="0">
<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text!</p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text!</p>
<p> Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text</p>
</td>
<td align="left" valign="top" width="230px"><img src="image01.jpg" width="229" height="221" vspace="7px" hspace="20px" border="0" align="right"/></td></tr>
</table>
</td>
<td align="left" valign="bottom">
<img style="border-width: 0px;" src="tablebottomright36x68.jpg" width="29" height="68" />
</td>
</tr>
</table>
<!-- ENDE FELD 1 -->
<br><br>

<br><br>
<!-- FOOTER -->
<table width="692px" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="36px">&nbsp;</td>
<td align="left">
<p style="margin-top:10px; margin-bottom:0px;">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text!</p>
<p style="margin-top:10px; margin-bottom:0px;">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text!</p>
<p style="margin-top:15px; margin-bottom:0px;">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text!</p>
<p style="margin-top:35px; margin-bottom:0px;">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text!</p>
</td>
<td width="235" align="right" valign="bottom"><img style="border-width: 0px; float: right;" src="schildkroete230x155.jpg" width="230" height="155"/></td>
</tr>
</table>
</center>
</td>
</tr>
<tr>
<td height="22px">
<img style="border-width: 0px; float: right;" src="bottom01.jpg" width="700" height="22" border="0"/>
</td>
</tr>
<tr>
<td align="center" valign="top" height="22px"><p style="text-decoration:none; font-size:x-small; font-family:verdana, sans-serif; color:#000000; text-align:center">Wollen Sie den Newsletter abbestellen? Klicken Sie auf <a href="">Newsletter abbestellen</a></p></td>
</tr>
</table>
<br><br>
</center>
</td>
</tr>
</table>
</center>
</div>
</body>



MfG, Thomas
X

HTML-Newsletter vs. Outlook (gelöst)

TheTom
Beiträge gesamt: 39

4. Nov 2011, 11:00
Beitrag # 2 von 2
Beitrag ID: #483697
Bewertung:
(2454 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Problem gelöst - bitte Beitrag löschen!


als Antwort auf: [#483594]

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.12.2022

Online
Donnerstag, 01. Dez. 2022, 10.00 - 10.45 Uhr

Webinar

Die drei ColorLogic-Programme ZePrA, CoPrA und ColorAnt sind in neuen Versionen mit vielen neuen Funktionen im Jahr 2022 veröffentlich worden oder werden in Kürze veröffentlicht (ColorAnt 9). In unserem ca. 45 minütigen kostenlosen Webinar zeigen wir Ihnen einige dieser neuen Funktionen mit dem Schwerpunkt auf Automatisierung und Produktivitätssteigerungen.

Ja

Organisator: Impressed GmbH

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=311

ColorLogic Update-Webinar ZePrA 10, CoPrA 9 und ColorAnt 9
Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/