Als u de bijgewerkte klassieke e-maileditor gebruikt om uw marketinge-mails op te stellen, merkt u mogelijk verschillen op in de manier waarop uw e-mail in Outlook wordt weergegeven, vanwege de beperkte ondersteuning voor CSS in Outlook.
Als u merkt dat de positionering of spatiëring van uw e-mail er niet goed uitziet in Outlook, volg dan de onderstaande stappen voor probleemoplossing.
Leer meer over e-mailontwerp in de HubSpot Designers Community.
Let op: HubSpot Support kan geen aangepaste gecodeerde e-mailsjablonen ondersteunen. Als je een aangepaste sjabloon gebruikt, neem dan contact op met de provider die de sjabloon heeft gemaakt. Je kunt ook in contact komen met andere HubSpot gebruikers en ontwerpers op de Community.
Er zijn twee methoden om de spatiëring rond afbeeldingen in Outlook aan te passen: met hspace of vspace en met tabellen.
Het HTML-attribuut vspace definieert verticale ruimte en voegt gelijke ruimte toe aan de boven- en onderkant van je afbeelding. Het hspace attribuut definieert horizontale ruimte en voegt gelijke ruimte toe aan de rechter- en linkerkant van je afbeelding.
Ga met de muis over de naam van de e-mail en klik op Bewerken.
Klik in de inhoudsmodule,
Je kunt een tabel met 3 kolommen gebruiken om je afbeelding, spatiëring en tekst gelijkmatig te verdelen:
Beweeg de muis over de naam van de e-mail en klik op Bewerken.
Klik in de werkbalk van de rich text editor op Invoegen > Tabel. Maak een 3x1 tabel.
Klik in de werkbalk van de rich text editor op Meer en klik vervolgens op het pictogram voor de broncode .
Geef een breedte op in de lege cel, zoals <td width="10">, voor de afstand die je wilt tussen de afbeelding en de tekst.
Geef een lettertypefamilie, lettergrootte, letterkleur en regelhoogte op, zoals style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" omdat Outlook zijn eigen opmaak toevoegt als deze niet wordt opgegeven.
Door een bekende bug in sommige versies van Outlook kan er een horizontale lijn verschijnen tussen secties in je e-mail. Hoewel er geen consistente manier is om dit probleem op te lossen, kunt u de volgende stappen voor probleemoplossing proberen:
ms-text-size-adjust: none; mso-line-height-rule: exactly;