2016-07-08 5 views
0

Ich versuche eine Signatur zu erstellen, die plattformübergreifend funktioniert. Da ich E-Mails an Personen mit Outlook senden werde, möchte ich, dass sie auch in Outlook angezeigt werden.Tabelle mit fester und variabler Breite für MS Outlook

Was ich tun möchte, ist, den Text, den ich nach rechts schreibe, so zu verschieben, dass er richtig mit dem Bild unten ausgerichtet ist.

Ich kann es perfekt in meinem eigenen E-Mail-Client, der Thunderbird funktioniert, und es in allen Browsern in Ordnung sehen, aber es in Outlook arbeiten scheint ein Problem zu sein.

Mit einem div und CSS scheint nicht in Frage, Outlook ignoriert es einfach und es verschwindet.

Wenn ich eine Tabelle verwende, scheint Outlook es zu honorieren, aber es scheint ein Problem zu sein, eine Zelle mit fester und variabler Breite zu bekommen, die sich verhält.

Ich habe versucht, den folgenden HTML-Code:

<table style="table-layout:fixed;" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td width="64"><br></td> 
    <td><font face="Arial" size="2"> 
     <br><br>Yours Sincerely,<br><br></font> 
    </font></td> 
    </tr> 
    <tr> 
    <td colspan="2"> 
    <img alt="" src="file:///X:/image.png" height="168" width="681"> 
    </td> 
</tr> 

Dies funktioniert überall, außer Ausblick. Kennt jemand eine Möglichkeit, dies zu beheben, oder eine andere Methode, die ich verwenden könnte, die funktioniert? Ich möchte verhindern, dass 2 Spalten mit fester Breite verwendet werden.

Antwort

1

Versuchen Sie folgendes:

<table style="table-layout:fixed;" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td style="padding-left: 64px;"><font face="Arial" size="2"> 
     <br><br>Yours Sincerely,<br><br></font> 
    </font></td> 
    </tr> 
    <tr> 
    <td> 
     <img alt="" src="file:///X:/image.png" height="168" width="681"> 
    </td> 
    </tr> 
</table> 

Es ist nicht wahr, dass Sie nicht CSS für Outlook verwenden können. Es muss nur inline sein und nur ein paar Dinge funktionieren. Einer von ihnen ist Padding. Dies sollte Ihren Text von der linken Seite entfernen und auch in Outlook funktionieren.

Auch brauchen Sie nicht die Colespan, da eine Zeile an den Wettbewerb angepasst ist und über andere Zeilen erweitert wird, wenn nicht angegeben.

+0

Ich versuchte Ihren Ansatz mit einem DIV und es wurde komplett von Outlook entfernt. Ich werde es mit einem TD versuchen und sehen, was passiert. Vielen Dank. :) – LPChip

+0

Ja, Outlook entfernt Divs. Für die Zukunft: Hier ist eine Liste mit was funktioniert wo in verschiedenen Mail-Clients: [CampaignMonitor] (https://www.campaignmonitor.com/css/) – Niqql

+0

Ja, ich hatte diese Seite selbst gefunden. Es listet Tabellen-Layout als ein unterstütztes CSS-Tag auf, aber es funktioniert nicht. Also habe ich das als nicht zuverlässig geschrieben. Das muss ich allerdings noch testen. Mach dir keine Sorgen, ich hoffe, dass ich das bald tun werde, es ist nur, dass ich vor kurzem meinen Job verlassen habe, wo wir Outlook benutzt haben, und ich habe derzeit kein Test-Setup. Ich muss Outlook lokal installieren, um dies testen zu können, aber ich möchte dafür eine virtuelle Maschine einrichten. Lange Rede, kurzer Sinn, es braucht Zeit. xD werde ich dir aber definitiv berichten. – LPChip