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

1530
SonOfGrey

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.

Eines stört mich jedoch immer wieder: Wenn die Signatur von einem Live.com- oder Outlook.com-E-Mail-Konto aus betrachtet wird, sehe ich unter jedem Absatz- <p>Tag immer zusätzliche Leerzeichen .

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 in vertikaler Richtung rechtwinklig ist, da es einige dieser Absätze gibt. Ich kann mich nicht auf nur eine beschränken, da das Layout meiner Signatur mit Tabellen strukturiert ist.

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

Dies ist ein Beispielcode: Eine Zeile der Tabelle, die eine Zelle mit Absatz und Bereich enthält. Das Entfernen des Absatzes hilft also nicht, da outlook.com ihn noch einmal 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 angezeigt wird (was in Ordnung ist) und rechts auf Outlook.com oder Live.com angezeigt wird. (Zum Vergrößern klicken.)

effect

0
Wie machst du das? In welchem ​​Kunden? In welchen Browsern sehen Sie den zusätzlichen Platz? Haben Sie
stattdessen ` ` versucht ? Schließen Sie `

"? Raystafarian vor 9 Jahren 0
Die Signatur wird von CodeTwo zu unserer E-Mail hinzugefügt, aber das spielt keine Rolle. Ich erstelle die Signatur in HTML von Hand in Notapad ++. Browser sind irrelevant, ich spreche von E-Mail-Clients (großer Unterschied). Verwenden
oder nicht ist irrelevant: das Problem liegt in der

tag, der afaik nicht vermieden werden kann (und ja, ich schließe ihn). Trotzdem danke.

SonOfGrey vor 9 Jahren 0
Könnten Sie den HTML-Code und möglicherweise das CSS hinzufügen, damit wir es sehen können, aber Dummy-Informationen einfügen, damit Sie keine persönlichen Informationen veröffentlichen? Stellen Sie sicher, dass Sie die Funktion "Codebeispiel" verwenden, wenn Sie das in Ihre Fragen stellen, um das Lesen zu erleichtern. Lassen Sie sich auch nicht abschrecken, wenn diese Frage zum Austauschort des Programmierstapels oder zum Stapelüberlauf verschoben wird. Ich bin nicht zu 100% sicher, aber Sie erhalten dort möglicherweise bessere Antworten. Wir werden es verschieben, wenn es bewegt werden muss. David vor 9 Jahren 0
Beispielcode hinzugefügt ... SonOfGrey vor 9 Jahren 0

0 Antworten auf die Frage

Verwandte Probleme