HTML Newsletter mit Hintergrundbild

moelle · 02.12.2011

Hallo liebe Experten,
ich soll einen HTML Newsletter für den Email Versand erstellen.
Jetzt möchte aber den Hintergrund mit einen Bild versehen weiß leider nicht wie ich das machen soll. Kann mir jemand wie das geht?

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=windows-1252" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 9.00.8112.16437"></HEAD>
<BODY bgColor=#30333b> HIER SOLL EIN BILD EINGEFÜGT WERDEN
<DIV align=center>
<CENTER> 
<TABLE
style="BORDER-BOTTOM: #cccccc 5px solid; BORDER-LEFT: #cccccc 5px solid; BORDER-TOP: #cccccc 5px solid; BORDER-RIGHT: #cccccc 5px solid"
border=0 cellSpacing=0 cellPadding=0 width=600 bgColor=#ffffff>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #336699 1px solid" bgColor=#ffffff width="100%"
align=center>
<P><IMG border=0 hspace=0 alt="" align=absMiddle
src="http://www.elsinghorst.de/core/cms/upload/bilder/News/Newsletter/Kopf_Weihnachten_NL.jpg"></P></TD></TR>
<TR>
<TR>
<TD style="BORDER-BOTTOM: #336699 1px solid" bgColor=#ffffff width="100%"
align=center>
<P><IMG border=0 hspace=0 alt="" align=absMiddle
src="http://www.elsinghorst.de/core/cms/upload/bilder/News/Newsletter/ScheckbergabeFaehreNL.jpg"></P></TD></TR>
<TR>
<TD bgColor=#fdfdfd width="100%">
<TABLE border=0 cellSpacing=0 cellPadding=10 width="100%">
<TBODY>
<TR>
<TD width="100%"><BR>
<P><FONT size=2 face=Verdana>Muster
Muster</FONT></P></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD bgColor=#cccccc width="100%">
<TABLE border=0 cellSpacing=0 cellPadding=10 width="100%">
<TBODY>
<TR>
<TD width="100%"><FONT face=Verdana><BR><FONT size=1
face=ver>IMPRESSUM</FONT></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER></DIV></BODY></HTML>

Paric · 02.12.2011

AW: HTML Newsletter mit Hintergrundbild

eine suche in der suchmaschine meiner wahl ergab folgende Seite:

moelle · 02.12.2011

AW: HTML Newsletter mit Hintergrundbild

Das kenne ich aber funktioniert nicht
wie muss das aussehen wenn ich dieses Bild als hintergrund habe möchte
src="http://www.elsinghorst.de/core/cms/upload/bilder/News/Newsletter/Kopf_Weihnachten_NL.jpg anstatt Hintergrundfarbe <BODY bgColor=#30333b>

Paric · 02.12.2011

AW: HTML Newsletter mit Hintergrundbild

versuchs mal mit

HTML:

<body style="background-image:url(http://www.elsinghorst.de/core/cms/upload/bilder/News/Newsletter/Kopf_Weihnachten_NL.jpg); background-repeat:no-repeat;">

moelle · 02.12.2011

AW: HTML Newsletter mit Hintergrundbild

Danke paric jetzt funktioniert es jetzt noch ein bißchen transparenz, wie wäre das dann

Paric · 02.12.2011

AW: HTML Newsletter mit Hintergrundbild

das müsstest du schon im Grafikprogramm aufhellen.

c0mu · 02.12.2011

AW: HTML Newsletter mit Hintergrundbild

Für die Transparenz könntest du auch den neuen CSS3 Befehl "Opacity" verwenden. Dabei ist jedoch dann zu beachten, das alles was in der E-Mail steht, transparent wird.

Paric · 02.12.2011

AW: HTML Newsletter mit Hintergrundbild

c0mu schrieb:
Für die Transparenz könntest du auch den neuen CSS3 Befehl "Opacity" verwenden. Dabei ist jedoch dann zu beachten, das alles was in der E-Mail steht, transparent wird.

zumal erschwerend hinzu kommt das CSS3 die wenigsten E-Mail-Programme interpretieren können...

c0mu · 02.12.2011

AW: HTML Newsletter mit Hintergrundbild

Paric schrieb:
zumal erschwerend hinzu kommt das CSS3 die wenigsten E-Mail-Programme interpretieren können...

Das trifft nur auf die E-Mail Clienten wie Outlook oder Firebird zu. Alle anderen welche über ein Online-Panel erreichbar sind, sind an die Kompatibilität des Browsers gebunden.

Paric · 02.12.2011

AW: HTML Newsletter mit Hintergrundbild

c0mu schrieb:
Das trifft nur auf die E-Mail Clienten wie Outlook oder Firebird zu. Alle anderen welche über ein Online-Panel erreichbar sind, sind an die Kompatibilität des Browsers gebunden.

Aber wenn ich einen Newsletter schicke, dann muss ich damit rechnen das Mails auch mit einem client abgerufen werden.

c0mu · 02.12.2011

AW: HTML Newsletter mit Hintergrundbild

Kann aber auch genausogut sein dass bestimmte Transparente Bilder nicht unterstützt werden oder durch zu alte HTML Formatierung das ganze nichtmehr funktioniert. Von daher ist das nicht wirklich ein Grund um zu sagen 'Ne, CSS3 nicht!'