2016-10-25 18 views
0

このストロークは、私がコーディングしている電子メールのボタンの内側に表示されています。それはOutlook 2007,2010、および2013にのみ表示され、削除方法を理解できません。何か案は?Outlook 2007,2010,2013,2016のボタン

enter image description here

コード:

`<a href="http://buttons.cm" style="color: #ffffff; background: #a52023; 
border: 1px solid #a52023; display: inline-block; font-family: tahoma; 
font-weight: 900; letter-spacing: 2px; font-size: 16px; border-radius: 80px; 
line-height: 60px; text-align: center; text-decoration: none; width: 275px; 
-webkit-text-size-adjust: none; mso-hide: all;">GET FREE WORKWEAR</a>` 
+0

このボタンを押して残りのコードを追加できますか?また、 "mso-hide:all; cssは実際にはほとんどのOutlookのバージョンではこのタグを非表示にしているので、実際には問題ではないかもしれません。 – Gortonington

答えて

3

いや、WindowsのOutlook 2007の2010年、2013年、さらに2016年には、すべてのボックスモデルのためのむらのサポートを持っています。見栄えの良い、クリック可能なボタンを操作するには(残念ながら)もっと多くのコードが必要です。

は、境界線の太さ、パディング、および&nbsp;秒数でプレイする必要があるかもしれませんが、これはあなたの問題を解決し、あなたに(見通しを含む)すべての電子メールクライアント間でまともに見える、作業ボタンを与える必要があります:

<!-- Button : Begin --> 
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto;"> 
    <tr> 
     <td style="border-radius: 3px; background: #a52023; text-align: center;"> 
      <a href="http://www.google.com" style="background: #a52023; border: 15px solid #a52023; font-family: tahoma; font-weight: 900; letter-spacing: 2px; font-size: 16px; mso-height-rule: exactly; line-height: 60px; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: 900; text-transform: uppercase;"> 
       &nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ffffff">Get Free Workwear</span>&nbsp;&nbsp;&nbsp;&nbsp; 
      </a> 
     </td> 
    </tr> 
</table> 
<!-- Button : END --> 
関連する問題