HTML Outlook Problem

Foos · 17.08.2010

Hallo,
ich habe einen HTML-Newsletter erstellt, welchen ich gerne über Outlook versenden möchte. Klappt soweit auch ganz gut.

Das Problem ist nur, dass meine Hintergrundgrafik, welche den Newsletter über eine ganze Seite ausfüllt nicht mitgesendet wird!? Also beim Empfänger kommt dann nur mein Newsletter-Balken an. Ich habe irgendwo gelesen, dass OUtlook das CSS nicht mehr interpretieren kann. Wie kann ich das denn lösen?

Danke schonmal.

lauffreak · 17.08.2010

AW: HTML Outlook Problem

hi,

du musst die Grafiken auf einer Site im www speichern und in HTML den LINK dorthin weisen.
Dann kommen die Grafiken mit.
Grüße*lauffreak

Foos · 17.08.2010

AW: HTML Outlook Problem

lauffreak schrieb:
hi,

du musst die Grafiken auf einer Site im www speichern und in HTML den LINK dorthin weisen.
Dann kommen die Grafiken mit.
Grüße*lauffreak

Jo, das weiß ich schon. Meine Grafiken sind alle in einer Tabelle. Ausser eben der Hintergrund der ist in CSS angelegt.
Ich müsste evtl. den Hintergrund in einer Tabelle anlegen? Aber funktioniert das denn?

sokie · 17.08.2010

AW: HTML Outlook Problem

im Outlook lässt sich das so machen, dass du die positionierung und das repeat des backgrounds im css festlegst, und das hintergrundbild als eigenschaft des body:

Code:

<BODY background="mein/hintergrund.jpg">

Foos · 19.08.2010

AW: HTML Outlook Problem

Irgendwie funzt alles nicht. Mal wiederholt er im Browser, aber in Outlook nicht.
Vielleicht wollt ihr mal nen Blick drauf werfen:

HTML:

<body background="newsletter-data/bground.jpg">


  <style>

body { 
   
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   background-color: #eaece2;
   
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #7a7a7a;
    line-height: 1.4em;
    padding-left: 10px;
    padding-right: 5px;
}
   
a {
    color: #448cd6; 
}
    
a img {
    border: none;
}

#header.span{
    font-size: 30px; 
    font-weight: bold;
}

#header img.logo{
    margin-top: 0; 
    text-align: center; 
    border:none;
}

#header{
    background: transparent url('img/logo.jpg') no-repeat top center;
    text-align: center;
    height: 330px;
    margin-top: 0;
}

td.footer{
    background-color: #222222;
    text-align: left;
    height: 103px;
    padding-left: 30px;
    background-image: url(meinlink);
}

td.footer p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ababab;
}

table.bground {
         background-color: #ebece2;
          
}

.strong {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #464646;
    font-weight: bold;
}

h2 {
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold;
    margin: 0; 
    padding-left: 10px;
    padding-right: 10px; 
    padding-top: 5px;
    font-size: 18px; 
    line-height: 1.4em;
    color: #464646 !important;
    }
    
td.intro h2 a {
    text-decoration: none;
}

td.intro p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #464646;
    line-height: 1.4em;
    padding-left: 10px;
    padding-right: 10px;
}

td.mainbar2 h2 a {
    text-decoration: none;
}

td.mainbar2 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #7a7a7a;
    line-height: 1.4em;
    padding-left: 10px;
    padding-right: 5px;
}

td.mainbar2 ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #7a7a7a;
    font-weight: normal;
    color: #666;
    margin: 10px 0 10px 10px;
    padding: 0;
    list-style-position: inside;
    line-height: 1.8em;
    list-style-type:square;
}

</style>



<table border="0" cellpadding="0" cellspacing="0" width="100%">
  
  <tbody><tr>
    <td align="center" >
    
    <table class="bground" bgcolor="#ebece2" border="0" cellpadding="0" 
cellspacing="0" width="650">
    

  <tbody><tr id="header">
    <td valign="top" width="650">

usw...

Foos · 20.08.2010

AW: HTML Outlook Problem

UPDATE:

Er zeigt mir meinen Hintergrund an. Aber irgendwie verschiebt er mir den jetzt um 5px, somit ist das nicht mehr bündig mit meinem Tabellenhintergrund?!!!

Jemand ne lösung?!?!?

sokie · 20.08.2010

AW: HTML Outlook Problem

ich weiss nicht ob du so das Problem in den Griff kriegst, aber es wäre eine Möglichkeit -
- obwohl es grundsätzlich möglich ist den style Bereich dort zu notieren, ist es vielleicht sinnvoller ihn im <HEAD> Bereich unterzubringen.
- dem Hintergrund kannst du im <style> Bereich schon auch eine pixelgenaue Position zuweisen (background-position).