Question

我遇到的问题是Outlook PC不想放置我的产品图片和产品名称。

在我们测试过的所有其他电子邮件客户端中，名称显示在我们预期的产品下方，但是对于Outlook PC，我们正在使图像旁边的产品名称突然出现 - Product names next to image

我的问题是我们如何让它停止？哈哈。我已经将其中一个产品的代码包含在内，以显示我们正在做什么，但出于显而易见的原因删除了指向我们网站的链接。

<!-- Product 1 --> 
    <td valign="top" align="center" class="product-image-wrapper" style="display: block; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: 'Century Gothic', 'MS Serif', 'New York', Tahoma, Arial, Helvetica, 'Open Sans'; width: 25%; padding-bottom: 20px; margin: 0;">
      <a href="#" target="_blank" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: 'Century Gothic', 'MS Serif', 'New York', Tahoma, Arial, Helvetica, 'Open Sans'; text-align: center; line-height: 1.3; font-weight: 300; width: 100%; display: block; color: #53565a; text-decoration: none; margin: 0; font-size: 10px;">
        <span style="font-family: 'Century Gothic', 'MS Serif', 'New York', Tahoma, Arial, Helvetica, 'Open Sans'; width: 146px; height: 146px; display: block; margin: 0 auto 5px; border: 1px solid #edeeee;"> 
          <img src="http://placehold.it/146" alt="Place Holder Image" width="146" style="display: block; -ms-interpolation-mode: bicubic; height: auto !important; line-height: 100%; outline: none; text-decoration: none; width: 146px; margin: 0 auto; border: 0;" />
        </span>
          First Christmas Personalized Ornament
      </a>
    </td>
<!-- // End Product 1 -->

我认为文本需要包含在内容中，但我不确定是什么或如何。所以任何建议，提示或帮助将不胜感激。

如果您需要有关代码的详细信息，请告诉我。在内联HTML电子邮件的情况下，除了一些特定于移动设备的内容之外，我们的大多数样式都在那里。

先谢谢大家！

Answer 1

我想如果你把＆＃34;第一个圣诞节个性化饰品＆＃34; span元素中的文本并添加style =＆＃34; display：block;＆＃34;到了跨度，它将被修复。

ATAKAN。

Outlook PC中的HTML电子邮件图像/产品名称问题

1 个答案: