電子郵件模板中的HTML表格按鈕

我試圖爲我的電子郵件製作一個漂亮的HTML按鈕（不想使用圖像），並且我從Facebook獲得了最初的設計理念，該按鈕在我的瀏覽器中很好地呈現，但不在Outlook中。有誰知道我能做些什麼來解決它？電子郵件模板中的HTML表格按鈕

設計是on our site，並且按鈕的代碼如下：

<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中，它看起來是這樣的：

enter image description here

我不關心圓形邊緣，但我希望高度正常工作。有誰知道我該如何解決這個問題？我嘗試過沒有運氣的高度。

來源

2014-04-04 dpDesignz

試試這個：

<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>

我有錨標籤上的文字，而不是<td>自己的周圍。自從我這樣測試以來，已經有很長一段時間了，所以我只發佈了我所知道的東西。

此外，你知道JavaScript不能用在HTML電子郵件的權利？在發送之前，你必須執行那些東西服務器端。

來源

2014-04-04 13:45:57 John

完美！謝謝。只是一個不是JavaScript的註釋，它是PHP。這是一個放入腳本的模板。 :) – dpDesignz

當然 - 我看起來不夠堅硬。我應該認識到差異。看到很多人試圖運行JS，我只是假設你也是這樣做的。 – John

電子郵件模板中的HTML表格按鈕

回答

相關問題