Vidensbase

Brugerdefinerede marketingmails ser anderledes ud i Outlook

Skrevet af HubSpot Support | Jun 28, 2023 12:40:56 PM

Hvis du har oprettet en brugerdefineret kodet marketingmail, vil du måske bemærke uoverensstemmelser i den måde, din e-mail vises på i Outlook, f.eks. problemer med placering eller afstand. Du kan følge fejlfindingstrinnene i afsnittene nedenfor for at hjælpe

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.

Afstand

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.

Brug af hspace og vspace

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.

  • I slutningen af billedkoden skal du tilføje en eller begge af følgende koder: hspace="10" vspace="10" og erstat 10 med den ønskede mængde afstand.

Brug af tabeller

Du kan bruge en tabel med 3 kolonner til at fordele dit billede, mellemrum og tekst jævnt:

  • 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.

Fejlfinding af uventede vandrette linjer i din e-mail

På grund af en kendt fejl i nogle versioner af Outlook kan der forekomme 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;