Khung viền kiểu bảng 2010 bổ sung thêm một không gian

Question

Tôi đã tạo HTML cho tiếp thị qua email. Tôi đặt một bảng, và áp dụng một biên giới xung quanh nó:

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

Đối với một số lý do tôi nhận được 1 pixel thêm khoảng trắng bên trong khi tôi thử nghiệm nó trong Outlook 2010. Tôi thấy nó xung quanh hình ảnh được liên kết lại đầu trang và bên trái, và tôi thấy nó xung quanh các ô khác có màu nền chắc chắn.

Xem hình ảnh tại liên kết này: screenshot

Đỉnh tam giác là một hình ảnh trong một tế bào của chính nó. Hình chữ nhật dưới cùng là một ô có màu nền. Chúng được cho là dính vào biên giới. Đây là một vấn đề định kỳ. Có ai gặp vấn đề này trước đây không?

Answer 1

Tôi thấy điều này ở đây: http://www.emailonacid.com/blog/details/C13/7_tips_and_tricks_regarding_margins_and_padding_in_html_emails

"lề yếu tố Bảng và padding trong Outlook 2007 và 2010 có thể gây ra các vấn đề

Nếu bạn thêm margin hoặc padding tính đến yếu tố TABLE của bạn, nó sẽ thêm rằng cùng margin và padding cho mọi TD lồng nhau trong Outlook 2007 và 2010. Các thuộc tính cellpadding và cellspacing là an toàn nhưng tốt nhất nên tránh lề CSS và đệm trong phần tử TABLE chứa. "

Vì vậy, tôi đoán lợi nhuận của bạn trên bảng có thể gây ra điều này. Tôi không chắc chắn.

Answer 2

Trong trường hợp bạn đã không tìm thấy một giải pháp cho vấn đề này được nêu ra:

Hãy chắc chắn rằng bạn thiết lập border="0" cho những hình ảnh trong các tế bào bảng.

Answer 3

Màn hình chiến dịch có giải pháp thực sự tuyệt vời về cách giải quyết loại vấn đề này. Đơn giản thêm mã này kiểu vào các yếu tố bảng của bạn. Đoạn code dưới đây giải quyết vấn đề của tôi (giống như OP) trên 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

Nếu điều đó không làm việc, hãy thử này. http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010

Answer 4

Thêm thu gọn đường viền: thu gọn; theo kiểu bảng.

Answer 5

Đối với đường viền có chiều rộng 1 và 3 pixel, đường viền phải có không gian 1 pixel phía sau. Một giải pháp cho việc này (lạ ...) loại vấn đề là một "bảng ma" phía sau bảng hiện nay, với chiều rộng của bảng hiện tại trừ đi 1 và biên giới 1. Ví dụ:

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

More chi tiết: https://responsive.email/blog/s/1025987_Extra-space-behind-border-in-Outlook.html

Chúc may mắn ...

Answer 6

tôi giải quyết vấn đề này đi sâu vào phần thuộc tính bảng và sau đó nhấp vào "Options". Khi hộp tùy chọn xuất hiện, hãy thay đổi lề ô mặc định cho Trái và Phải thành 0 "và sau đó nhấp OK.