Jeśli utworzyłeś niestandardową marketingową wiadomość e-mail, możesz zauważyć rozbieżności w sposobie renderowania wiadomości e-mail w programie Outlook, takie jak problemy z pozycjonowaniem lub odstępami.
Rozwiązywanie problemów z odstępami
Istnieją dwie metody dostosowywania odstępów wokół obrazów w programie Outlook: przy użyciu hspace lub vspace oraz przy użyciu tabel.
Używanie hspace i vspace
Atrybut HTML vspace definiuje przestrzeń pionową i dodaje równe odstępy na górze i na dole obrazu. Atrybut hspace definiuje przestrzeń poziomą i dodaje równe odstępy po prawej i lewej stronie obrazu.
- Kliknij nazwę przygotowanej wiadomości e-mail przy użyciu niestandardowego szablonu.
- W edytorze wiadomości e-mail kliknij moduł , który chcesz edytować.
- Na pasku narzędzi tekstu sformatowanego kliknij menu rozwijane Zaawansowane i wybierz opcję Kod źródłowy.
- W oknie dialogowym dodaj
hspace="10" vspace="10" na końcu kodu obrazu. Zastąp 10 żądanym odstępem.
Użyj tabel
Możesz użyć 3-kolumnowej tabeli, aby równomiernie umieścić obraz, odstępy i tekst.
- Kliknij nazwę przygotowanej wiadomości e-mail przy użyciu niestandardowego szablonu.
- W edytorze wiadomości e-mail kliknij moduł , który chcesz edytować.
- Na pasku narzędzi tekstu sformatowanego kliknij menu rozwijane Wstaw i wybierz opcję Tabela, a następnie utwórz tabelę 3x1.
-
Na pasku narzędzi edytora tekstu sformatowanego kliknijmenu rozwijane Zaawansowane i wybierz opcję Kod źródłowy.
- W oknie dialogowym dodaj szerokość pustej komórki, np.
<td width="10">, aby ustawić odstęp między obrazem a tekstem.
- Ustaw rodzinę, rozmiar i kolor czcionki, a także wysokość wiersza, ponieważ program Outlook doda własny styl, jeśli nie zostanie określony.
Rozwiązywanie problemów z nieoczekiwanymi poziomymi liniami
Ze względu na znany problem w niektórych wersjach programu Outlook, między sekcjami wiadomości e-mail może pojawić się pozioma linia. Jeśli tak się stanie, spróbuj wykonać następujące czynności:
- Ustaw kolor tła wiadomości e-mail na taki sam, jak kolor jej treści.
- Zaktualizuj rozmiar czcionki treści i wysokość linii, aby były liczbami parzystymi.
- Dodaj następujące style CSS do sekcji nagłówka szablonu wiadomości e-mail:
ms-text-size-adjust: none; mso-line-height-rule: exactly;