2017-12-15 3 views
0

Ich habe eine E-Mail-Signatur für das Unternehmen, mit dem ich arbeite geändert, alles sah gut aus, als ich es getestet habe.HTML-Mail-Signatur: Code wird nicht auf Windows angewendet

der Dinge, die ich auf einem Mac tat Code, und wenn mein Kunde eine E-Mail an einen Windows-Benutzer senden, gibt es einen kleinen Teil dieser Signatur, die nicht Optionen meine Styles

Hier ist mein Code gilt:

<tr> 
    <td style="width: 167px; padding: 0px 13px 8px 30px; border:none;" class=""> 
     <span style="font-family: Verdana, Arial, sans-serif; padding-top: 5px; font-size: 9pt; margin-right: 10px; color: rgb(119, 119, 119); vertical-align: top;" >partner of</span> 
     <a href="link" title="brand website link" style="color: rgb(4, 180, 134); text-decoration: none;" class=""> 
      <img moz-do-not-send="false" width="35%" src="http://www.website.com/wp-content/themes/brand/images/[email protected]" alt="Logo brand" style="padding: 10px; border-radius: 5px; background-color:#153754; border: 0px;" class=""> 
     </a> 
    </td> 
</tr> 

Dieser Code funktioniert bereits mit einem anderen Bild auf der Oberseite der Unterschrift so nehme ich es von meinem Styling kommen muss?

Welche nehme an, dies zu tun: right behavior of the style

Aber dies ist das Verhalten, das ich unter Windows erhalten: wrong behavior of the style

ich nichts überall finden kann, wenn Sie also eine Erklärung haben, ich würde froh das zu hören !

Danke euch allen!

+0

Die einzige kleine Sache, die ich sehen kann, ist, dass das '' Tag nicht richtig geschlossen ist, sollte es '' sein, aber das verursacht normalerweise keinen Ärger. Du kannst das versuchen ... Irgendwelche Fehler in der Konsole? –

+0

Sie müssen ein paar Dinge klären. Zuallererst, wie groß ist die Größe der Bilder, wie groß ist die Tabelle? Erinnern Sie sich an die Regeln von HTML, wenn nicht alle Elemente in eine Zeile passen, die in der nächsten Zeile umbrochen werden darf, und Sie eine Tabellenspalte mit fester Breite definiert haben, die das Umbrechen der Elemente erzwingt, wenn sie größer sind. Ich sehe die Tabellendefinition auch hier nicht, so dass es schwerer zu beurteilen ist. – Jeremy

+0

Welches CSS wird angewendet? Dies könnte auch Auswirkungen haben. IE ist dafür bekannt, Styling zu ignorieren, wenn es schwierig ist, z.B. widersprüchlich die Breite und Positionierung. Außerdem können Schriftarten auf anderen Plattformen anders dargestellt werden, zumal Sie Fallback-Schriftarten angegeben haben, so dass sie auswählen können, was auch immer sie können. – Jeremy

Antwort

0

Die background-color funktioniert nicht, weil Sie es auf das Bild anwenden. Outlook 2007-2016 unterstützt kein Styling ALT. Wenden Sie die Hintergrundfarbe auf die tatsächliche Tabellenzelle für das Bild an und es funktioniert.

Kein Bild wird geladen, weil SIE EINEN DUMMY LINK ZU EINEM BILD POSTEN. Wenn du hierher kommst und um Hilfe bittest, poste deinen tatsächlichen Code. Ich habe mir die Zeit genommen, Ihren Code zu testen, um herauszufinden, wie Sie am besten helfen können. Lass uns nicht härter arbeiten, nur um dir zu helfen. Das ist unhöflich.

Outlook hat teilweise Buggy Unterstützung für Padding:

Outlook hat teilweise Buggy Unterstützung für Hintergrundfarben:

Mein Vorschlag ist, eine Tabelle mit zwei Zellen zu erstellen. Färbe den mit dem Bild mit bgcolor="#ff0000" oder welcher Farbe du willst. Dadurch erhalten Sie eine zuverlässige Hintergrundfarbe. Wenden Sie Ihre Schriftstile auf das Bild style an, das die Schriftart für ALT ändert, wenn ein Bild nicht geladen wird. Verwenden Sie cellpadding, um sich die gewünschte Ausrichtung mit Outlook zu geben.

Viel Glück.

Verwandte Themen