Outlook 2010/Outlook 2007 dường như không tôn trọng bất kỳ dòng nào trong Email HTML của tôi. (Nó hoạt động hoàn hảo trong Outlook 00 và Outlook 03)Chiều cao dòng không hoạt động trong Outlook 2010 cho Email HTML
Tôi đã thực hiện một số biểu đồ hỗ trợ CSS và HTML phong phú mà tôi đã tìm thấy nói rằng Outlook 2010/2007 NÊN hiểu chiều cao dòng.
Tôi đã thử đặt chiều cao dòng trên phần tử khối cha và phần tử đoạn con, và như trên ID trong thẻ kiểu trong đầu và mọi kết hợp ở trên.
Tôi cũng đảm bảo rằng tôi tuyên bố rõ ràng chiều cao dòng là giá trị pixel lớn hơn đáng kể so với kích thước văn bản (nhưng tôi cũng thử% và em). Quan trọng trong tuyên bố - và thậm chí cố gắng valign cùng với mọi mẹo khác tôi có thể tìm thấy trực tuyến .... Tôi đã sử dụng chiều cao dòng để ví dụ. xác định nút padding-top và padding-bottom, vì HTML Email hỗ trợ cho padding/margin rất lỗi.
Tôi thực sự đánh giá cao bất kỳ trợ giúp nào về điều này. Thực sự ở điểm đầu đập ngay bây giờ!
Email thực sự rất lớn vì đó là một bản tin phức tạp, nhưng đây là một đoạn của phong cách trong đầu và phần bảng trong đó chiều cao dòng không hoạt động - Tôi hy vọng điều đó là đủ !:
<style type="text/css" media="screen">
html {
-webkit-text-size-adjust:none;
-webkit-background-size:100%;
}
body{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
margin-bottom:0px !important;
margin-top:0px !important;
background-color:#e5e5e5;
}
p{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
margin-bottom:0px !important;
margin-top:0px !important;
display:block;
}
a:link, a:visited, a:active{
color:#55c2d9;
text-decoration: underline;
}
a:hover{
text-decoration: underline;
}
.body a:link, a:visited, a:active{
color:#55c2d9;
}
img{
border: 0;
display: block;
}
table.main {
background-color: #ffffff;
width:650px;
}
td {
}
#header-top p{
line-height:33px;
}
</style>
<!-- Content -->
<table border="0" cellspacing="0" cellpadding="0" class="body">
<!-- Row 1 -->
<tr valign="top">
<td background="images/bg-texture-top.jpg" style="background-repeat:repeat-y; background-color:#262626;" valign="top" width="650" height="33" bgcolor="#262626">
<table border="0" cellspacing="0" cellpadding="0" id="header-top">
<!-- Row 1.1 -->
<tr valign="top">
<td style="" valign="top" width="16" height="" bgcolor="">
</td>
<td style="font-family: Helvetica, Arial, sans-serif; color:#767676; font-weight: bold; font-size:11px; line-height:33px; text-align:left; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;" width="490" height="33" bgcolor="">
<p><a href="#">click here to view this email in a browser</a></p>
</td>
<td style="font-family: Helvetica, Arial, sans-serif; color:#767676; font-weight: bold; font-size:11px; line-height:33px; text-align:left; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;" width="62" height="33" bgcolor="">
<p>find us on:</p>
</td>
<td style="" valign="top" width="16" height="" bgcolor="">
</td>
</tr>
</table>
</td>
</tr>
</table> <!-- Content -->
Các phiên bản Office trước đây sử dụng tiện ích HTML để hiển thị và chỉnh sửa tin nhắn HTML. Outlook 2007 trở đi sử dụng một tiện ích Word, được chia nhỏ cho HTML. – zgpmax