Question

稍微令人困惑的问题，可能明显可以解决..

我有一个mailchimp模板，我用它来发送广告系列电子邮件。模板构建器具有可以自定义的默认按钮。

除了锚点仅用于按钮内的文本。这将可点击区域限制为仅仅是文本元素。无论如何应用一个简单的修复来应用以使外部类可点击？我已经尝试在外部TD周围包装锚标签，但这并不能解决问题。

                <tbody>
                    <tr>

                            <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial; font-size: 16px; padding: 20px;">
                                <a class="mcnButton " title="    Confirm Email    " href="URL" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;">    Confirm Email    </a>
                       </td>

                    </tr>
                </tbody>

感谢您的帮助，

d

Answer 1

我这样修好了：

<tr>
  <td align="center" valign="middle" class="mcnButtonContent" style="font-family:Arial;font-size:16px;padding: 0;">
    <a class="mcnButton " title="Reply" href="{{replyLink}}" target="_blank" style="font-weight:bold;letter-spacing:normal;line-height:100%;text-align:center;text-decoration:none;color:#ffffff;word-wrap:break-word;display: block;margin: 0;padding: 16px;">Reply</a>
  </td>
</tr>

关键是从td元素中删除填充，并使a增长以填充表格单元格。 <{1}}上display:block和padding的组合可以解决问题。

Answer 2

如果您想将整个表格单元格/行设为链接，最好使用JavaScript的onclick函数：

<a onclick="document.location ='http://www.google.com'"class="mcnButton " title=" Confirm Email " href="URL" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;"> Confirm Email </a>

HTML电子邮件模板可点击区域

2 个答案: