Question

我有一个图标列表，其中每个图标都是手机链接，facebook链接，推特......

它在一个表中工作正常，但现在我想删除表只保留按钮并在每个按钮之间设置3个空格。

这是我现在的表：

<table width:100% border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td  id="table_column_phone" style="display:;text-align:center">
            <a id="phone_to_link" href='' rel='external'>
              <img id="image_phone" src="./images/phone_64.png" width="35px"/>
            </a>

          </td>
          <td id="table_column_mail" style="display:;text-align:center">
            <a id="mail_to_link" href="">
              <img id="image_mail" src="./images/mail_64.png" width="35px"/>
            </a>

          </td>
          <td id="table_column_web" style="display:;text-align:center">
            <a href="" id="web_to_link">
              <img id="image_web" src="./images/web_64.png" width="35px"/>
            </a>

          </td>
          <td  id="table_column_facebook" style="display:;text-align:center">
            <a id="facebook_to_link" href="">
              <img id="image_facebook" src="./images/facebook_64.png" width="35px"/>
            </a>

          </td>
          <td id="table_column_twitter" style="display:;text-align:center">
            <a href="" id="twitter_to_link">
              <img id="image_twitter" src="./images/twitter_64.png" width="35px"/>
            </a>
          </td>
        </tr>
      </table>

它显示，只有3个图标（如果没有数据，我隐藏其中一些）（这代表和image_＆gt; []）：

[]        []       []

如果我退出宽度：100％在表格或退出表格（td和tr也），只是放置和带有一些空格的图标（$ nbsp;）我得到这样的东西：

[]_   []_   []

我不知道为什么我在图标之后得到“_”。使用完全相同的代码。

有什么想法吗？你需要看到更多我的代码吗？我会发布它。

例如：

 <a id="phone_to_link" href='' rel='external'>
              <img id="image_phone" src="./images/phone_64.png" width="35px"/>
            </a>

            <a id="mail_to_link" href="">
              <img id="image_mail" src="./images/mail_64.png" width="35px"/>
            </a>
            <a href="" id="web_to_link">
              <img id="image_web" src="./images/web_64.png" width="35px"/>
            </a>
            <a id="facebook_to_link" href="">
              <img id="image_facebook" src="./images/facebook_64.png" width="35px"/>
            </a>
            <a href="" id="twitter_to_link">
              <img id="image_twitter" src="./images/twitter_64.png" width="35px"/>
            </a>

所示：

[]_[]_[]_[]_[]

Answer 1

为链接添加类名

<a href=... class="button">...</a>

并使用CSS

a.button {
text-decoration: none;
}

删除<a> link with just an image</a>中的文字底线

1 个答案: