Probleme beim abrufen von html-E-Mail-Signatur in Outlook richtig angezeigt werden

Erstellt habe ich mir eine einfache E-Mail Signatur in html -, er ist der code:

<html>

<!-- Company logo goes here -->
<div id="far_left" 
    style="width: 50px; 
           height: 50px;
           float: left;
           margin-right: 10px;">
    <img src="logo.png" />
</div>

<!-- Name and occupation goes here -->
<div id="top" 
    style="height: 25px;">
    <span style="font-family: Arial, Verdana, 'Sans Serif'; font-size: 22; color: #464646;"><strong>Dean Grobler</strong>, Programmer</span>
</div>

<!-- Website link and email adress goes here -->
<div id="bottom" 
    style="font-family: Arial, Verdana, 'Sans Serif';
           font-size: 14px;
           color: #464646;
           padding: 5px;
           height: 25px;">
    <a href="http://www.deangrobler.com" style="text-decoration: none; color: #84d5f6">www.deangrobler.com</a> | 
    <a href="mailto:[email protected]" style="text-decoration: none; color: #84d5f6">[email protected]</a> 
</div>

In thunderbird, und mein Browser zeigt es korrekt:

Probleme beim abrufen von html-E-Mail-Signatur in Outlook richtig angezeigt werden

Aber leider in Outlook 2010 ist es nicht:

Probleme beim abrufen von html-E-Mail-Signatur in Outlook richtig angezeigt werden

Wenn es mit der gleichen rendering-engine, IE nutzt, und ich Wette, Sie tut es, ich bin nicht allzu überrascht, dies geschieht.

Irgendwelche Ideen?

Versuchen Sie, fügen Sie einen absoluten Pfad zu dem Bild mit http://your.domain.com/image.path/logo.png
danke für den Tipp. Ich kann irgendwie das Bild schnell genug, es ist mehr das layout hier, dass ist das problem... :\
Sie sind gonna haben, um Ihre <table>s wieder raus, fürchte ich. Hoffe, diese Seite hilft: campaignmonitor.com/css
Ich finde dein layout-problem ist auf die Tatsache zurückzuführen, dass das Bild nicht laden, es ist also nicht nehmen einen festen Platz. Tun Sie Ihre Textzeilen fallen unter das Bild, selbst wenn es lädt?
Ja, sorry, ich hatte nicht gesucht, die nah genug an den geposteten html....

InformationsquelleAutor Tiwaz89 | 2013-01-22

  1. 12

    E-Mail-clients nicht Rendern von html in der gleichen Weise, dass ein Browser. Beim erstellen von html-E-Mails viel besser ist es, die Benutzung von Tabellen. Ich weiß, dass dies gegen alle modernen web-design, aber Sie werden unterstützt durch eine Menge mehr E-Mail-clients. Hier ist ein link zu der css-Eigenschaften und welche Kunden Sie werden unterstützt durch.

    http://www.campaignmonitor.com/css/

    Ich habe eine Menge Arbeit auf HTML-E-Mails für die Firma für die ich arbeite derzeit und es gibt eine Reihe von nützlichen Tipps, die Sie lernen können. Campaign Monitor hat die besten Artikel, die ich gefunden habe zu dem Thema.
    Vielen Dank für diese. Ich war auf der Suche nach dieser Antwort. Meine HTML-Signatur Pausen in der gmail web-client und outlook-App-client. Nützlicher link, danke! 🙂

    InformationsquelleAutor Dom Walker

Schreibe einen Kommentar