Problemi ottenendo firma html e-mail per visualizzare correttamente in Outlook

ho creato io stesso una firma e-mail semplice in html, lui è il codice:Problemi ottenendo firma html e-mail per visualizzare correttamente in Outlook

<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, e le mie browser visualizza correttamente:

enter image description here

Ma, ahimè in Outlook 2010 non fa:

012.

enter image description here

Se sta utilizzando lo stesso motore di rendering utilizzato da IE, e scommetto che lo fa, non sono troppo sorpreso di ciò che sta accadendo.

Qualche idea?

fonte

2013-01-22 Tiwaz89

tenta di aggiungere un percorso assoluto per l'immagine con 'http: // your.domain.com/image.path/logo.png' – javabeangrinder

@javabeangrinder - grazie per il suggerimento. Riesco a sistemare l'immagine abbastanza velocemente, è più il layout qui che è il problema ...: \ – Tiwaz89

Dovrai recuperare il tuo '

', ho paura. Spero che questa pagina aiuti: http://www.campaignmonitor.com/css/ – Marco

risposta

I client di posta elettronica non eseguono il rendering di html nello stesso modo dei browser. Quando si creano email html è molto meglio usare le tabelle. So che questo va contro il moderno web design, ma sono supportati da molti più client di posta elettronica. Ecco un link alle proprietà css e a quali client sono supportati.

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

fonte

2013-01-22 14:16:30

Ho lavorato molto su email HTML per la società per cui lavoro attualmente e ci sono una serie di consigli utili che si può imparare. Campaign Monitor ha i migliori articoli che ho trovato sull'argomento. –

Grazie per questo. Stavo cercando questa risposta. La mia firma HTML si interrompe nel client Web di Gmail e nel client dell'app Outlook. Link utili a grazie! :) – marknt15

Problemi correlati