Outlook 电子邮件模板中的HTML表格按钮

Outlook 电子邮件模板中的HTML表格按钮,outlook,height,html-email,Outlook,Height,Html Email,我正在尝试为我的电子邮件制作一个漂亮的HTML按钮(不想使用图像),我从Facebook获得了最初的设计理念,按钮在我的浏览器中呈现得很好,但在Outlook中没有。有人知道我能做些什么来修复它吗 设计为,按钮代码如下: <td valign='middle' style='width:92px;padding-left:0px;text-align:right;white-space:nowrap; !important'> <div style='height:32px !

我正在尝试为我的电子邮件制作一个漂亮的HTML按钮(不想使用图像),我从Facebook获得了最初的设计理念,按钮在我的浏览器中呈现得很好,但在Outlook中没有。有人知道我能做些什么来修复它吗

设计为,按钮代码如下:

<td valign='middle' style='width:92px;padding-left:0px;text-align:right;white-space:nowrap; !important'>
<div style='height:32px !important;'>
    <a href='".site_url()."export/export_timesheet?id=".$timeID."' style='color:#3b5998;text-decoration:none;'>
        <table cellspacing='0' cellpadding='0' width='100%' height='33' style='border-collapse:collapse;border-width:1px;border-style:solid;display:block;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;font-size:14px;border-color:#2C729E;height:33px !important;'>
            <tbody>
                <tr><td height='7' colspan='3' style='line-height:7px;'>&nbsp;</td></tr>
                <tr>
                    <td width='16' style='display:block;width:16px;'>&nbsp;</td>
                    <td width='100%' style='text-align:center;'><a href='".site_url()."export/export_timesheet?id=".$timeID."' style='color:#2C729E;text-decoration:none;display:block;'><center><font size='3'><span style='font-family:Helvetica Neue,arial,sans-serif;font-style:normal;white-space:nowrap;font-size:14px;'><strong>Get PDF</strong></span></font></center></a></td>
                    <td width='16' style='display:block;width:16px;'>&nbsp;</td>
                </tr>
                <tr><td height='7' colspan='3' style='line-height:7px;'>&nbsp;</td></tr>
            </tbody>
        </table>
    </a>
</div>
</td>

但当它在Outlook中呈现时,它看起来如下所示:

我不在乎圆边,但我希望高度能正常工作。有人知道我怎么解决这个问题吗?我尝试过在没有运气的情况下强行提升高度。

试试这个:

<table width="92" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="33" valign="middle" align="center" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2C729E; border:1px solid #2C729E;">
      <a href="" style="color: #2C729E; font-weight: bold; text-decoration: none;">Get PDF</a>
    </td>
  </tr>
</table>

我在文本上有锚定标记,而不是在
本身周围。我已经有很长一段时间没有用这种方式测试它了,所以我只是发布了我知道有效的东西


另外,您知道javascript不能用于html电子邮件,对吗?在发送之前,您必须在服务器端执行这些内容。

太好了!非常感谢。这不是javascript,而是PHP。这是正在放入脚本中的模板。:)当然,我看起来不够认真。我应该认识到这一点。看到这么多人试图运行JS,我只是以为你也在这么做。