Jos olet luonut mukautetun koodatun markkinointisähköpostin, saatat huomata ristiriitaisuuksia siinä, miten sähköposti renderöityy Outlookissa, kuten asemointi- tai välilyöntiongelmia.
Ratkaise välitilakysymykset
Outlookissa on kaksi tapaa säätää kuvien ympärillä olevia välejä: käyttämällä h- tai v-väliä ja käyttämällä taulukoita.
Käytä hspace- ja vspace-väliä
HTML-attribuutti vspace määrittelee pystysuuntaisen tilan ja lisää kuvan ylä- ja alareunaan yhtä suuren välin. Attribuutti hspace määrittelee vaakasuuntaisen tilan ja lisää kuvan oikealle ja vasemmalle puolelle yhtä suuren välin.
- Napsauta laaditun sähköpostin nimeä käyttäen mukautettua koodattua mallia.
- Napsauta sähköpostieditorissa moduulia , jota haluat muokata.
- Napsauta rikkaan tekstin työkalupalkissa pudotusvalikkoa Advanced (Lisäasetukset ) ja valitse Source code (Lähdekoodi).
- Lisää valintaikkunassa kuvakoodin loppuun
hspace="10" vspace="10". Korvaa 10 haluamallasi välilyönnillä.
Käytä taulukoita
Voit käyttää kolmisarakkeista taulukkoa, joka sisältää tasaisesti kuvan, välit ja tekstin.
- Napsauta laaditun sähköpostin nimeä käyttäen mukautettua koodattua mallia.
- Napsauta sähköpostieditorissa moduulia , jota haluat muokata.
- Napsauta rikkaan tekstin työkalurivillä Insert (Lisää ) -pudotusvalikkoa ja valitse Table (Taulukko) ja luo 3x1-taulukko.
-
Napsauta rikkaan tekstin editorin työkalurivillä Advanced (Lisäasetukset )-pudotusvalikkoa ja valitse Source code ( Lähdekoodi).
- Lisää valintaikkunassa tyhjälle solulle leveys, esimerkiksi
<td width="10">, määrittääksesi kuvan ja tekstin välisen tilan.
- Aseta fonttiperhe, -koko ja -väri sekä rivin korkeus, koska Outlook lisää oman muotoilunsa, jos sitä ei ole määritetty.
Odottamattomien vaakaviivojen vianmääritys
Joidenkin Outlook-versioiden tunnetun ongelman vuoksi sähköpostin osioiden väliin saattaa ilmestyä vaakasuora viiva. Jos näin tapahtuu, kokeile seuraavia ohjeita:
- Aseta sähköpostin taustaväri samaksi kuin sen runkoväri.
- Päivitä sisällön fonttikoko ja rivikorkeus parillisiksi.
- Lisää seuraavat CSS-tyylit sähköpostimallisi head-osioon:
ms-text-size-adjust: none; mso-line-height-rule: exactly;