Zuletzt aktualisiert am: 9 Oktober 2025
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
-
Marketing Hub
Professional, Enterprise
Wenn Sie eine benutzerdefiniert kodierte Marketing-E-Mail erstellt haben, werden Sie möglicherweise Diskrepanzen bei der Darstellung Ihrer E-Mail in Outlook feststellen, z. B. Probleme mit der Positionierung oder dem Abstand.
Abstandsprobleme lösen
Es gibt zwei Methoden, um den Abstand zwischen den Bildern in Outlook anzupassen: mit hspace oder vspace und mit Tabellen.
Verwenden Sie hspace und vspace
Das HTML-Attribut vspace definiert den vertikalen Raum und fügt dem oberen und unteren Rand des Bildes einen gleichen Abstand hinzu. Das Attribut hspace definiert den horizontalen Raum und fügt rechts und links des Bildes gleiche Abstände hinzu.
- Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.
- Klicken Sie auf den Namen des E-Mail-Entwurfs, der mit einer benutzerdefinierten Vorlage erstellt wurde.
- Klicken Sie im E-Mail-Editor auf das Modul , das Sie bearbeiten möchten.
- Klicken Sie in der Rich-Text-Symbolleiste auf das Dropdown-Menü Erweitert und wählen Sie Quellcode.
- Fügen Sie im Dialogfeld am Ende des Bildcodes hinzu
hspace="10" vspace="10". Durch den gewünschten Betrag an Abstand ersetzen10.
Verwenden Sie Tabellen
Sie können eine Tabelle mit 3 Spalten verwenden, um Ihr Bild, Ihren Abstand und Ihren Text gleichmäßig anzuzeigen.
- Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.
- Klicken Sie auf den Namen des E-Mail-Entwurfs, der mit einer benutzerdefinierten Vorlage erstellt wurde.
- Klicken Sie im E-Mail-Editor auf das Modul , das Sie bearbeiten möchten.
- Klicken Sie in der Rich-Text-Symbolleiste auf das Dropdown-Menü Einfügen und wählen Sie Tabelle aus. Erstellen Sie dann eine 3x1-Tabelle.
-
Klicken Sie in der Symbolleiste des Rich-Text-Editors auf das Dropdown-Menü Erweitert und wählen Sie Quellcode aus.
- Fügen Sie im Dialogfeld eine Breite für die leere Zelle hinzu, z. B
<td width="10">. , um den Abstand zwischen Bild und Text festzulegen. - Legen Sie eine Schriftartfamilie, -größe und -farbe sowie eine Zeilenhöhe fest, da Outlook bei nicht angegebenen Angaben seine eigenen Stile hinzufügt.
Fehlerbehebung bei unerwarteten horizontalen Linien
Aufgrund eines bekannten Problems in einigen Versionen von Outlook kann eine horizontale Linie zwischen den Abschnitten Ihrer E-Mail angezeigt werden. Versuchen Sie in diesem Fall die folgenden Schritte:- Stellen Sie die Hintergrundfarbe Ihrer E-Mail so ein, dass sie mit der Farbe des Textes übereinstimmt.
- Aktualisieren Sie die Schriftgröße und die Zeilenhöhe Ihres Contents auf gerade Zahlen.
- Fügen Sie die folgenden CSS-Stile dem Kopfbereich Ihrer E-Mail-Vorlage hinzu:
ms-text-size-adjust: none; mso-line-height-rule: exactly;
