Question

我不是最好的代码，所以会喜欢这方面的帮助。在做了一些研究后，我在Mailchimp上使用他们的代码选项创建了两个相邻的按钮。但是这些按钮显示为连接，我无法在它们之间获得空间。

很想知道你可能有的任何解决方案

这是我的代码atm：

<table border="0" cellpadding="0" cellspacing="10%" style="background-color:#009688;" width="100%">
  <tbody>
    <tr>
      <td align="left" style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;" valign="middle"><a href="mailto:corporatesales@brother.com.au" style="color:#FFFFFF; text-decoration:none;" target="_blank">Ask us how</a></td>
      <td align="right" style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;" valign="middle"><a href="http://corpsolutions.brother.com.au/" style="color:#FFFFFF; text-decoration:none;" target="_blank">Find out more</a></td>
    </tr>
  </tbody>
</table>

Answer 1

您的按钮之间似乎没有空格，因为背景颜色正在应用于表格。将此样式移动到单个单元格，或者更好地移动到链接本身。

＆＃13;

<table border="0" cellpadding="0" cellspacing="10%" width="100%">
<tbody>
    <tr>
        <td align="left" valign="middle">
            <a style="background-color:#009688; color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px; text-decoration: none;" href="mailto:corporatesales@brother.com.au" target="_blank">Ask us how
            </a>
        </td>
        <td align="right" valign="middle">
            <a style="background-color:#009688; color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px; text-decoration: none;" href="http://corpsolutions.brother.com.au/" target="_blank">Find out more
            </a>
        </td>
    </tr>
</tbody>
</table>

＆＃13;

Answer 2

只需在它们之间添加一列，然后控制宽度。注意我必须设置cellspacing =＆＃34; 0＆＃34;以及

＆＃13;

<table border="0" cellpadding="0" cellspacing="0" style="background-color:#009688;" width="100%">
<tbody>
<tr>
<td align="left" style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;" valign="middle"><a href="mailto:corporatesales@brother.com.au" style="color:#FFFFFF; text-decoration:none;" target="_blank">Ask us how</a></td>
<td style="background-color:#FFF; text-decoration:none;">&nbsp</td>
<td align="right" style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;" valign="middle"><a href="http://corpsolutions.brother.com.au/" style="color:#FFFFFF; text-decoration:none;" target="_blank">Find out more</a></td>
</tr>
</tbody>
</table>

＆＃13;

Mailchimp代码使两个按钮彼此相邻

2 个答案: