Dodatkowa przestrzeń dodany do HTML e-mail, gdy wysłana z programu Outlook do Gmail

Question

Jeśli otworzyć następujące HTML e-mail w Gmailu lub Outlook to czyni tak, jak powinien:

<img src="img.png" /> 

Jednak gdybym go otworzyć w Outlook, a następnie przekazuje go do Gmaila, to dodaje dodatkowy śmieci HTML, który sprawia, że ​​obszar wyższy niż powinno być (znacznik „p” jest odpowiedzialny za dodanej wysokości - 3px konkretnie):

<p class="MsoNormal"> 
    <span style="font-size:10.0pt"> 
     <img src="img.png"> 
     <u></u> 
     <u></u> 
    </span> 
</p> 

Istnieje wiele rozwiązania problemów z odstępami w Gmailu, takie jak dodanie ekranu: blokowanie obrazu, ustawianie rozmiaru czcionki i linii -wzrost do 0, itd. Próbowałem już kilkunastu metod i żaden z nich nie działał z powodu ukrytej modyfikacji HTML, nad którą nie mam kontroli - style i atrybuty są usuwane, tagi z dodawanymi własnymi właściwościami itd.

Czy jest jakieś obejście, które pozwala zachować oryginalne formatowanie? Chętnie udzielę wszelkich dodatkowych informacji, po prostu daj mi znać.

Answer 1

Nie ma rozwiązania, ale istnieją sposoby ograniczenia i ukrycia rozmiaru separacji. Odwołuję się do tego jako separacja, ale tak naprawdę jest to topowa komórka rozwijająca się dzięki temu, że Outlook stosuje mso-normalny tag p. Here is a related article.

Pomiędzy tabelami powstaje większy odstęp (około 15 pikseli) niż między wierszami w tabeli (2 piksele). Jest bardziej złożony, ale spróbuj umieścić wszystko, czego nie możesz sobie pozwolić na oddzielenie w jeden wielki stół. Colspans i rowspans mogą być skomplikowane, ale działają, jeśli są poprawnie skonfigurowane.

Aby ukryć separację, zawiń wszystkie tabele w tabelę danych podstawowych za pomocą zestawu bgcolor. Na przykład ustaw jeden duży panel zawartości na biały. Podczas wysyłania z Outlooka wszystkie tabele potomne będą się poruszać, ale luki pozostaną białe, zatrzymując niechciane linie pojawiające się w treści wiadomości e-mail.

Sztuczka dla stopek - jako ostatnia tabela podrzędna głównego białego panelu, gdy się to oddzieli, stworzy białą linię pod nim. Usuń tabelę stopek z głównego panelu lub ustaw bgcolor komórki na tę samą, co tło e-mail, aby ukryć to oddzielenie.