2013-01-22 18 views
5

Stworzyłem sobie prosty podpis e-mail w formacie HTML, to kod:kłopot podpis html email do poprawnego wyświetlenia w Outlooku

<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> 

w Thunderbirdzie, a moje przeglądarek wyświetla poprawnie:

enter image description here

Ale niestety w programie Outlook 2010 nie robi:

enter image description here

Jeśli używa tego samego silnika renderującego, którego używa IE, i założę się, że tak, nie jestem zbyt zaskoczony, że tak się dzieje.

Wszelkie pomysły?

+0

Spróbuj dodać ścieżkę bezwzględną do obrazu z 'http: // your.domain.com/image.path/logo.png' – javabeangrinder

+0

@javabeangrinder - dzięki za cynk. Mogę posortować obraz wystarczająco szybko, to bardziej układ jest tutaj problemem ...: \ – Tiwaz89

+1

Będziesz musiał ponownie uzyskać '

', obawiam się. Mam nadzieję, że ta strona pomoże: http://www.campaignmonitor.com/css/ – Marco

Odpowiedz

12

Klienty poczty e-mail nie renderują html w taki sam sposób, jak robią to przeglądarki. Podczas tworzenia wiadomości e-mail znacznie lepiej jest używać tabel. Wiem, że jest to sprzeczne ze wszystkimi nowoczesnymi projektami stron internetowych, ale są one obsługiwane przez znacznie więcej klientów poczty e-mail. Oto link do właściwości css i do których klientów są obsługiwani.

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

+1

Zrobiłem dużo pracy na wiadomościach e-mail w formacie HTML dla firmy, w której pracuję obecnie i istnieje wiele przydatnych wskazówek, które Możesz się uczyć. Monitor kampanii zawiera najlepsze artykuły, które znalazłem na ten temat. –

+0

Dzięki za to. Szukałem tej odpowiedzi. Mój podpis HTML zrywa w kliencie sieci Web Gmaila i kliencie aplikacji Outlook. Przydatny link do podziękowań! :) – marknt15

Powiązane problemy