Hvis du har opprettet en tilpasset kodet markedsførings-e-post, vil du kanskje legge merke til avvik i måten e-posten vises på i Outlook, for eksempel problemer med plassering eller mellomrom.
Løs avstandsproblemer
Det finnes to metoder for å justere avstanden rundt bilder i Outlook: ved hjelp av hspace eller vspace, og ved hjelp av tabeller.
Bruk hspace og vspace
HTML-attributtet vspace definerer vertikalt mellomrom og legger til like stor avstand øverst og nederst i bildet. Attributtet hspace definerer horisontalt mellomrom og legger til like stor avstand til høyre og venstre i bildet.
- Klikk på navnet på e-postutkastet ved hjelp av en egendefinert mal.
- I e-postredigeringsprogrammet klikker du på modulen du vil redigere.
- I verktøylinjen for rik tekst klikker du på rullegardinmenyen Avansert og velger Kildekode.
- I dialogboksen legger du til
hspace="10" vspace="10" på slutten av bildekoden. Erstatt 10 med ønsket mengde mellomrom.
Bruk tabeller
Du kan bruke en tabell med tre kolonner for å fordele bilde, mellomrom og tekst jevnt.
- Klikk på navnet på e-postutkastet som bruker en egendefinert kodet mal.
- I e-postredigeringsprogrammet klikker du på modulen du vil redigere.
- I verktøylinjen for rik tekst klikker du på rullegardinmenyen Sett inn og velger Tabell, og deretter oppretter du en 3x1-tabell.
-
Klikk pårullegardinmenyen Avansert i verktøylinjen i redigeringsprogrammet for rik tekst, og velg Kildekode.
- I dialogboksen legger du til en bredde for den tomme cellen, for eksempel
<td width="10">, for å angi mellomrommet mellom bilde og tekst .
- Angi skriftfamilie, -størrelse og -farge, samt linjehøyde, siden Outlook vil legge til sin egen styling når den ikke er spesifisert.
Feilsøke uventede horisontale linjer
På grunn av et kjent problem i enkelte versjoner av Outlook, kan det oppstå en horisontal linje mellom avsnittene i e-posten din. Hvis dette skjer, kan du prøve følgende trinn:
- Angi at bakgrunnsfargen i e-posten skal ha samme farge som brødteksten.
- Oppdater skriftstørrelsen og linjehøyden for innholdet slik at de er like store.
- Legg til følgende CSS-stiler i hoveddelen av e-postmalen:
ms-text-size-adjust: none; mso-line-height-rule: exactly;