Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

Anpassade kodade marknadsföringsmeddelanden ser annorlunda ut i Outlook

Senast uppdaterad: 9 oktober 2025

Tillgänglig med något av följande abonnemang, om inte annat anges:

Marketing Hub Professional, Enterprise

Om du har skapat ett e-postmeddelande med anpassad kod kan du märka avvikelser i hur ditt e-postmeddelande återges i Outlook, till exempel problem med positionering eller avstånd.

Lös problem med avstånd

Det finns två metoder för att justera avståndet runt bilder i Outlook: med hjälp av hspace eller vspace och med hjälp av tabeller.

Använda hspace och vspace

HTML-attributet vspace definierar vertikalt utrymme och lägger till lika stort avstånd upptill och nedtill på din bild. Attributet hspace definierar horisontellt utrymme och lägger till lika stort avstånd till höger och vänster om bilden.

I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
Klicka på namnet på det utkastade e-postmeddelandet med en egenkodad mall.
I e-postredigeraren klickar du på den modul du vill redigera.
I verktygsfältet för rik text klickar du på rullgardinsmenyn Avancerat och väljer Källkod.
I dialogrutan lägger du till hspace="10" vspace="10" i slutet av bildkoden. Ersätt 10 med önskad mängd mellanrum.

Screenshot of the source code editor in the email editor. The hspace="10" vspace="10" code is highlighted.

Använd tabeller

Du kan använda en tabell med 3 kolumner för att jämnt fördela bild, avstånd och text.

I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
Klicka på namnet på det utkastade e-postmeddelandet som använder en anpassad kodad mall.
I e-postredigeraren klickar du på den modul du vill redigera.
I verktygsfältet för rik text klickar du på rullgardinsmenyn Infoga och väljer Tabell och skapar sedan en 3x1-tabell.

Screenshot of the email editor. The Insert dropdown menu & Table option are highlighted. A 3x1 table is being created.

Klicka pårullgardinsmenyn Avancerat i verktygsfältet i redigeraren för rik text och välj Källkod.
I dialogrutan lägger du till en bredd för den tomma cellen, t.ex. <td width="10">, för att ange utrymmet mellan bild och text.
Ange en teckensnittsfamilj, storlek och färg samt radhöjd, eftersom Outlook lägger till sin egen styling när den inte är specificerad.

Felsök oväntade horisontella linjer

På grund av ett känt problem i vissa versioner av Outlook kan en horisontell linje visas mellan avsnitt i ditt e-postmeddelande. Om detta inträffar kan du prova följande steg:

Ställ in bakgrundsfärgen i ditt e-postmeddelande så att den är densamma som brödtextens färg.
Uppdatera innehållets teckenstorlek och radhöjd så att de är jämna tal.
Lägg till följande CSS-stilar i huvudavsnittet i din e-postmall:

ms-text-size-adjust: none; mso-line-height-rule: exactly;

Hjälpte artikeln?

Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.