在HTML电子邮件中创建浮动的RSS图像

Question

我一直在编写HTML电子邮件代码。我很清楚使用align="left"是浮动图片的一种好方法，因为float无法工作。

当您需要在基于RSS的电子邮件中使用它时出现问题，因为Feed会提取图像，而您无法将align="left"添加到图像中。所以我最初的想法是把图像放到一张桌子里。我不想使用两列，因为我希望文本环绕图像。所以我在表中创建了一个表，文本不在表中。

在某些情况下它会包装，但在Outlook中，文本不会位于图像表的旁边，而是从图像表的底部开始。

这是我的代码。

      <table border="0" width="600" cellpadding="0" cellspacing="0" class="container" style="width:600px;max-width:600px">
    <tr>
      <td class="container-padding content" align="left" style="padding-left:24px;padding-right:24px;padding-bottom:12px;background-color:#ffffff;font-family: Arial, sans-serif, 'Open Sans';"><table cellspacing="0" cellpadding="0" border="0" width="50%" align="left" style="padding-right:15px;">
          <tr>
            <td width="50%" style="width:50%"><a href="*|RSSITEM:URL|*"> *|RSSITEM:IMAGE|* </a></td>
          </tr>
        </table>
        <div class="title" style="font-family: Arial, sans-serif, 'Open Sans';font-size:24px;font-weight:normal;color:#C33734"><a href="*|RSSITEM:URL|*" style="text-decoration:none;">*|RSSITEM:TITLE|*</a></div>
        <div class="author" style="padding-top:2px;padding-bottom:5px;font-size:18px;color:#5584C4"> *|RSSITEM:AUTHOR|* </div>
        <div class="date" style="padding-top:2px;padding-bottom:5px;font-size:16px;color:#86BE3C;"> *|RSSITEM:DATE|* </div>
        <br />
        <div class="body-text" style="font-family: Arial, sans-serif, 'Open Sans';font-size:14px;line-height:20px;text-align:left;color:#333333;padding-bottom:8px;padding-top:8px;">*|RSSITEM:CONTENT|* </div></td>
    </tr>
  </table>

Answer 1

我认为你的方法有效。当我通过Email On Acid运行它时，我得到了这些结果。 Outlook似乎正在使用下面的代码。

?- marker_truth(M,Truth).                   % most general use
Truth = true,  M = [_A,1] ;
Truth = false, freeze(M, nonMarker__1(M)).