So vermeiden Sie zusätzlichen Leerraum unter dem Absatz in E-Mail-Signaturen

0

Ich erstelle die E-Mail-Signatur unseres Unternehmens in HTML.

Mir ist klar, dass die Signatur nicht auf jedem E-Mail-Client zu 100% identisch aussieht (das ist eine Untertreibung), aber meine aktuelle Signatur sieht jetzt ziemlich stabil aus.

Eine Sache stört mich jedoch immer wieder: Wenn die Signatur von einem live.com- oder outlook.com-E-Mail-Konto angezeigt wird, sehe ich unter jedem Absatz- <p>Tag immer einen zusätzlichen Leerraum.

Outlook.com tut dies absichtlich: Wenn ich die Verwendung von Absatz-Tags entferne und meine CSS-Informationen in den Span-Stil versetze, fügt outlook.com immer noch ein Absatz-Tag hinzu. Der Weißraumeffekt ist also immer da.

Dies hat zur Folge, dass meine Unterschrift vertikal vollständig verfälscht ist, da es nur wenige dieser Absätze gibt. Ich kann mich nicht auf eine beschränken, da das Layout meiner Signatur aus Tabellen besteht.

Ich kann wirklich nicht finden, wie ich das vermeiden kann. Kann mir jemand bitte sagen, ob es überhaupt möglich ist, diesen zusätzlichen Leerraum zu entfernen?

Dies ist ein Beispielcode: Eine Zeile der Tabelle, die eine Zelle mit einem Absatz und einem Bereich enthält. Das Entfernen des Absatzes hilft also nicht weiter, da outlook.com ihn von selbst wieder hinzufügt:

<tr>
    <td width="10" height="30" style="background-color:#009bd7;line-height:17px;height:30px;">            <!-- --></td>
    <td width="10" height="30" style="font-size:3px; line-height:17px;height:30px;">            <!-- --></td>
    <td width="360" height="30" align="left" style="border-bottom-style:solid;border-bottom-color:#aaaaaa;border-bottom-width:1px;line-height:17px;height:30px;">
       <p style="font-family:Arial;margin:0px;margin-bottom:0px;margin-top:0px;padding:0px;padding-bottom:0px;padding-top:0px;"><span style="font-family:Arial; COLOR:#009bd7; FONT-SIZE: 8pt;margin:0px;padding:0px;margin-bottom:0px;margin-top:0px;height:30px;"><strong>Visit us at WOTS 2014 in Utrecht from 30/9/14 till 3/10/14.<br /><a style="COLOR: #009bd7; TEXT-DECORATION: none" href="https://link">Click here</a> for a free entrance ticket.</strong></span></p>
    </td>
</tr>

Dies ist der Effekt, der in Outlook 2010 (was in Ordnung ist) links und auf Outlook.com oder Live.com rechts angezeigt wird. (Klicken zum Vergrößern.)

bewirken

html css outlook.com email-signature SonOfGrey
quelle
Wie schaffen Sie das? In welchem ​​Mandanten? In welchen Browsern sehen Sie den zusätzlichen Speicherplatz? Hast du es <br>stattdessen versucht ? Schließen Sie </p>?
Raystafarian
Die Signatur wird unserer Mail von der CodeTwo-Software hinzugefügt, aber das ist eigentlich egal. Ich erstelle die Signatur in HTML von Hand in Notapad ++. Browser sind irrelevant, ich spreche über E-Mail-Clients (großer Unterschied). Die Verwendung von <BR> oder nicht ist irrelevant: Das Problem liegt im <p> -Tag, das afaik nicht vermieden werden kann (und ja, ich schließe es). Trotzdem danke.
SonOfGrey
Wäre es Ihnen möglich, den HTML-Code und möglicherweise das CSS hinzuzufügen, damit wir es sehen können, aber fügen Sie Dummy-Informationen ein, damit Sie keine persönlichen Informationen veröffentlichen? Stellen Sie sicher, dass Sie die Funktion "Codebeispiel" verwenden, wenn Sie dies in Ihren Fragen veröffentlichen, um das Lesen zu erleichtern. Lassen Sie sich auch nicht davon abhalten, wenn diese Frage auf die Programmstapelaustausch-Site oder den Stapelüberlauf verschoben wird. Ich bin mir nicht 100% sicher, aber vielleicht bekommst du dort bessere Antworten. Wir werden es verschieben, wenn es verschoben werden muss.
David
Beispielcode hinzugefügt ...
SonOfGrey