2011-11-04 19 views
7

Stworzyłem kod HTML do e-mail marketingu. Umieściłem tabelę, a zastosowane ramką:Table style border-outlook 2010 dodaje dodatkową przestrzeń

<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #982676; margin:0 16px;"> 

Z jakiegoś powodu jestem coraz 1 piksela dodatkowe spacje wewnątrz kiedy przetestować go w Outlook 2010. Widzę go wokół obrazów, które są dostosowane do góry i po lewej, i widzę go wokół innych komórek, które mają stały kolor tła.

Zobacz obraz pod tym linkiem: screenshot

Górny trójkąt jest obraz w celi sam. Dolny prostokąt to komórka z kolorem tła. Chodziło o to, by trzymać się granicy. To jest powtarzający się problem. Czy ktoś wcześniej napotkał ten problem?

Odpowiedz

1

Znalazłem to tutaj: http://www.emailonacid.com/blog/details/C13/7_tips_and_tricks_regarding_margins_and_padding_in_html_emails

"Tabela marże element i dopełnienie w programie Outlook 2007 i 2010 mogą powodować problemy

Jeśli dodać właściwości marginesów lub dopełnienie do swojej element tabeli, doda, że ​​sama margines i dopełnienie do każdego zagnieżdżonego TD w programach Outlook 2007 i 2010. Atrybuty Cellpad i CellSpacing są bezpieczne, ale najlepiej jest unikać marginesów CSS i dopełnienia w obrębie zawierającego element TABLE. "

Więc domyślam się, że twój margines na stole mógł być przyczyną tego. Nie jestem pewien.

+1

Bardzo dziękuję za odpowiedź. Zrobiłem kolejny test, w którym nie mam marginesów ani dopełnienia, a problem trwa, więc czuję się trochę zagubiony.Jeśli ktoś ma inną sugestię, chciałbym to usłyszeć. Dzięki! – pitzki

0

W przypadku, gdy nie znalazł rozwiązanie tego problemu jeszcze:

upewnij się, że ustawiony border="0" dla tych obrazów w komórkach tabeli.

9

Monitor kampanii ma naprawdę świetne rozwiązanie, jeśli chodzi o rozwiązywanie tego typu problemów. Proste dodanie tego stylu kodu do elementów tabeli. Poniższy kod rozwiązać mój problem (tak samo jak OP) na Outlook 2010

<table align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> ... </table>

http://www.campaignmonitor.com/blog/post/3694/removing-spacing-from-around-tables-in-outlook-2007-and-2010

Jeśli to nie zadziała, spróbuj tego. http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010

0

Dodaj border-collapse: collapse; do stylu stołu.

0

W przypadku obramowań o szerokości 1 i 3 pikseli prawa krawędź ma 1 piksel za nią. Jednym z rozwiązań tego (dziwne ...) rodzaju problem jest „stół duch” za bieżącej tabeli, o szerokości bieżącej tabeli minus 1 do granicy 1. Na przykład:

<!--[if mso]><table border="1" width="699"> 
<tr style="display:none;"><td>&nbsp;</td></tr> 
</table><![endif]--> 

Więcej szczegóły: https://responsive.email/blog/s/1025987_Extra-space-behind-border-in-Outlook.html

Powodzenia ...

0

i rozwiązać ten problem wchodząc w sekcji właściwości tabeli, a następnie kliknąć na „Opcje”. Po wyświetleniu okna opcji zmień domyślne marginesy komórek dla lewej i prawej na 0 ", a następnie kliknij OK.