Email

Warum werden die Ränder und der Abstand um mein Bild nicht richtig in Outlook ausgegeben?

Zuletzt aktualisiert am: April 19, 2016

Outlook unterstützt bestimmte CSS-Eigenschaften nicht (z. B. Ränder, Abstand), wenn sie auf bestimmte Elemente wie <img> oder <div> angewandt werden. Hier finden Sie eine vollständige Liste der unterstützten CSS der jeweiligen E-Mail-Clients. Alle Ränder, die in den Rich-Text-Modulen in der E-Mail erstellt wurden, funktionieren bei den meisten großen E-Mail-Clients, außer bei Outlook.

Um den Abstand eines Bilds zu verändern, müssen Sie auf den Quellcode jedes entsprechenden Rich-Text-Moduls in Ihrer E-Mail zugreifen. Mit all diesen Methoden können Sie den Abstand zwischen Ihren Bildern und Ihrem Text in Outlook verändern. Denken Sie jedoch daran, dass diese Methoden keine Ränder ersetzen und als Behelfslösungen ihre eigenen Nuancen haben. Bitte beachten Sie, dass diese Methoden grundlegende HTML-Kenntnisse erfordern.

  • Navigieren Sie zu Content (Inhalte) > Email (E-Mail) > und klicken auf den Namen Ihrer E-Mail.
  • Klicken Sie im Rich-Text-Modul mit Ihrem Bild auf das Symbol Quellcode.
Vom Benutzer hinzugefügte Abbildung
Vom Benutzer hinzugefügte Abbildung

Methode 1 - Verwenden Sie hspace oder vspace

  • Suchen Sie den Bild-Quellcode, bei dem Sie den Abstand verändern wollen.
  • Fügen Sie am Ende des Bildcodes einen oder beiden der folgenden Codes ein: hspace="10" vspace="10". 10 steht für den Abstand und kann durch eine beliebige Zahl ersetzt werden.
Vom Benutzer hinzugefügte Abbildung
hspace definiert den horizontalen Raum und vergrößert den Abstand auf der rechten und linken Seite Ihres Bildes.
  • vspace definiert den vertikalen Raum und vergrößert den Abstand ober- und unterhalb Ihres Bildes.

Methode 2 - Verwenden Sie eine Tabelle

  • Erstellen Sie eine dreispaltige Tabelle, die Ihr Bild, den Abstand und Text enthält. Klicken Sie dafür im Rich-Text-Editor der E-Mail auf Table (Tabelle) > Insert Table (Tabelle einfügen).
Vom Benutzer hinzugefügte Abbildung
Vom Benutzer hinzugefügte Abbildung
  • Legen Sie im Quellcode der Tabelle in der leeren Zelle eine Breite fest, z.B. <td width="10">, und bestimmen Sie so den Abstand, den Sie zwischen Bild und Text haben wollen.
  • Legen Sie im Quellcode der Tabelle eine Schriftfamilie, Schriftgröße, Schriftfarbe und Zeilenhöhe fest, z.B. style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000". Wenn Sie diese Werte nicht festlegen, verwendet Outlook sein eigenes Design.
  • Sie können auch die Tabelle und die hspace/vspace-Methode miteinander kombinieren.
Vom Benutzer hinzugefügte Abbildung
Vom Benutzer hinzugefügte Abbildung