Antworten auf deine Fragen:
Neues Thema erstellen

HTML Outlook Problem

Foos

Member

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

FotoAnfänger

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

Member

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

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

Mod | Web

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

Member

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

Member

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

Mod | Web

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).
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.449
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben