Question

我正在尝试创建一个可单击的HTML表，该表不会使文本显示为超链接-而是使整个表都链接在一起。在花了几个小时筛选有关该主题的以前的文章之后，我认为我已经弄清楚了代码，并使其可以在HTML编辑器中工作。

但是，当我向自己发送测试电子邮件示例时，该代码不起作用。在Outlook中，该表显示为可单击但未链接。在Gmail中，它没有显示为可点击且未链接。

一位非常有帮助的评论员告诉我，我不能在表外放置<a>标记，但是如果我将<a>标记移到<td>的内部，则只会链接文本，而不是整个表格。

是否有解决方法？

这是我的代码：

<a href="http://google.com" style="text-decoration:none">
  <table align="center" border="1" cellpadding="10" cellspacing="0" style="width:200px;">
     <tbody>
         <tr id="clickable" style="cursor:pointer">    
            <td style="text-align: center;"><strong>TEXT</strong></td>
            <td style="text-align: center;"><strong>TEXT</strong></td>
            <td style="text-align: center;"><strong>TEXT</strong></td>
         </tr>
         <tr id="clickable" style="cursor:pointer">
            <td style="text-align: center;">
               <strong><span style="color:#0c85c8;">TEXT</span>-<span style="color:#e7413D;">TEXT</span></strong>
            </td>
            <td style="text-align: center;">
                <strong><span style="color:#0c85c8;">TEXT</span>-<span style="color:#e7413D;">TEXT</span></strong>
            </td>
            <td style="text-align: center;">
                <strong><span style="color:#0c85c8;">TEXT</span>-<span style="color:#e7413D;">TEXT</span></strong>
            </td>
         </tr>
      </tbody>
  </table>
</a>

非常感谢

Answer 1

在color: inherit;标记中添加样式<a>。看起来应该像这样：

<a href="http://google.com" style="text-decoration:none;color:inherit">

<a href="http://google.com" style="text-decoration:none;color:inherit">
      <table align="center" border="1" cellpadding="10" cellspacing="0" style="width:200px;">
         <tbody>
             <tr id="clickable" style="cursor:pointer">
                <td style="text-align: center;"><strong>TEXT</strong></td>
                <td style="text-align: center;"><strong>TEXT</strong></td>
                <td style="text-align: center;"><strong>TEXT</strong></td>
             </tr>
             <tr id="clickable" style="cursor:pointer">
                <td style="text-align: center;">
                   <strong><span style="color:#0c85c8;">TEXT</span>-<span style="color:#e7413D;">TEXT</span></strong>
                </td>
                <td style="text-align: center;">
                    <strong><span style="color:#0c85c8;">TEXT</span>-<span style="color:#e7413D;">TEXT</span></strong>
                </td>
                <td style="text-align: center;">
                    <strong><span style="color:#0c85c8;">TEXT</span>-<span style="color:#e7413D;">TEXT</span></strong>
                </td>
             </tr>
          </tbody>
      </table>
    </a>

电子邮件中的可点击HTML表格

1 个答案: