Hvis du bruger den opdaterede klassiske e-mail-editor til at lave udkast til dine marketing-e-mails, vil du måske bemærke uoverensstemmelser i den måde , din e-mail vises på i Outlook, på grund af Outlooks begrænsede understøttelse af CSS.
Hvis du bemærker, at e-mailens placering eller afstand ser forkert ud i Outlook, skal du følge fejlfindingstrinnene nedenfor.
Lær mere om e-mail-design i HubSpot Designers Community.
Bemærk: HubSpot Support kan ikke understøtte brugerdefinerede kodede e-mail-skabeloner. Hvis du bruger en brugerdefineret kodet skabelon, skal du følge op med den udbyder, der har oprettet skabelonen. Du kan også komme i kontakt med andre HubSpot-brugere og -designere i fællesskabet.
Der er to metoder til at justere afstanden omkring billeder i Outlook: ved hjælp af hspace eller vspace og ved hjælp af tabeller.
HTML-attributten vspace definerer lodret afstand og tilføjer lige stor afstand til toppen og bunden af dit billede. Attributten hspace definerer vandret mellemrum og tilføjer lige meget mellemrum til højre og venstre for dit billede.
Hold musen over navnet på e-mailen med en brugerdefineret kodet skabelon, og klik derefter på Rediger.
Klik ind i indholdsmodulet.
hspace="10" vspace="10"
og erstat 10
med den ønskede mængde afstand.Du kan bruge en tabel med 3 kolonner til at fordele dit billede, mellemrum og tekst jævnt:
Hold musen over navnet på e-mailen med en brugerdefineret kodet skabelon, og klik derefter på Rediger.
Klik på Indsæt > Tabel i værktøjslinjen i RTF-editoren. Opret en 3x1-tabel.
Klik på Avanceret i værktøjslinjen i RTF-editoren, og vælg derefter Kildekode.
Angiv en bredde i den tomme celle, f.eks. <td width="10">
, for den afstand, du vil have mellem billedet og teksten.
Angiv en skrifttypefamilie, skriftstørrelse, skriftfarve og linjehøjde, f.eks. style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000"
, da Outlook tilføjer sin egen styling, når den ikke er angivet.
På grund af en kendt fejl i nogle versioner af Outlook kan der vises en vandret linje mellem afsnit i din e-mail. Selv om der ikke er en konsekvent måde at løse problemet på, kan du prøve følgende fejlfindingstrin:
ms-text-size-adjust: none; mso-line-height-rule: exactly;