即图像链接中的边框（未通过样式边框固定：无）

Question

从给我的奇怪模板制作网站（大量的空间图像，我猜它是自动生成的）

无论如何我在按钮上建立链接，这发生在ie：

而chrome和firefox：

如何从ie中取出空格？

（顺便说一句，如果我带走图像周围的空间消失的链接，即）

谢谢！

这是模板的顶部

<table id="Tabella_01" width="1024" height="881" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td colspan="23">
        <img src="../immagini/index_01.jpg" width="1024" height="205" alt=""></td>
</tr>
<tr>
    <td colspan="2">
        <img src="../immagini/index_02.jpg" width="163" height="35" alt=""></td>
    <td><a href="../Home/">
        <img src="../immagini/index_03.jpg" width="60" height="35" alt=""></a></td>
    <td>
        <img src="../immagini/index_04.jpg" width="23" height="35" alt=""></td>
    <td><a href="../LoStudio/">
        <img src="../immagini/index_05.jpg" width="88" height="35" alt=""></a></td>
    <td>
        <img src="../immagini/index_06.jpg" width="22" height="35" alt=""></td>
    <td><a href="../Prodotti/">
        <img src="../immagini/index_07.jpg" width="83" height="35" alt=""></a></td>
    <td>
        <img src="../immagini/index_08.jpg" width="23" height="35" alt=""></td>
    <td><a href="../Servizi/">
        <img src="../immagini/index_09.jpg" width="67" height="35" alt=""></a></td>
    <td>
        <img src="../immagini/index_10.jpg" width="23" height="35" alt=""></td>
    <td><a href="../Portfolio/">
        <img src="../immagini/index_11.jpg" width="85" height="35" alt=""></a></td>
    <td>
        <img src="../immagini/index_12.jpg" width="21" height="35" alt=""></td>
    <td><a href="../Promozioni/">
        <img src="../immagini/index_13.jpg" width="106" height="35" alt=""></a></td>
    <td colspan="2">
        <img src="../immagini/index_14.jpg" width="16" height="35" alt=""></td>
    <td colspan="6"><a href="../Contatti/">
        <img src="../immagini/index_15.jpg" width="90" height="35" alt=""></a></td>
    <td colspan="2">
        <img src="../immagini/index_16.jpg" width="154" height="35" alt=""></td>
</tr>

Answer 1

我遇到了一些这样的问题，我的解决方案是删除Anchor标签和Image标签之间的空白区域，这样

 <td><a href="../LoStudio/">
        <img src="../immagini/index_05.jpg" width="88" height="35" alt=""/></a></td>

变成这个

 <td><a href="../LoStudio/"><img src="../immagini/index_05.jpg" width="88" height="35" alt=""/></a></td>

我不确定这会对你有用，但值得一试。

虽然不是必需的，但我建议在Image标签上添加关闭/。

Answer 2

每当浏览器开始在图片或元素周围添加填充时，有几件事情要尝试：

1. 确保所涉及的元素没有应用任何填充或边距。
2. 确保您的图片和/或包装链接为display:block。
3. 在容器上设置line-height:0。
4. 在容器上设置overflow:hidden或zoom:1。

然而，在不知道链接应用了哪些样式的情况下，有点难以猜测。