Html 图像链接中的ie边框(不按样式边框固定:无)

Html 图像链接中的ie边框(不按样式边框固定:无),html,css,internet-explorer,Html,Css,Internet Explorer,从给我的一个奇怪的模板制作webiste(很多空间图片,我猜是自动生成的) 无论如何,我在按钮上做链接,这发生在ie中: 而chrome和firefox: 如何从ie中删除空格 (顺便说一句,如果我去掉图片周围的链接,ie中的空间就会消失) 谢谢 这是模板的顶部 <table id="Tabella_01" width="1024" height="881" border="0" cellpadding="0" cellspacing="0"> <tr> &l

从给我的一个奇怪的模板制作webiste(很多空间图片,我猜是自动生成的)

无论如何,我在按钮上做链接,这发生在ie中:

而chrome和firefox:

如何从ie中删除空格

(顺便说一句,如果我去掉图片周围的链接,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>

我遇到了一些类似的问题,我的解决方案是删除锚定标记和图像标记之间的空白,这样

 <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>

我不确定这对你是否有用,但值得一试


虽然不是必需的,但我建议在图像标签上添加closing/标记。

每当浏览器开始在图像或元素周围添加填充时,都可以尝试以下几种方法:

  • 确保所涉及的元素没有应用任何填充或边距
  • 确保您的图像和/或包装链接是
    display:block
  • 在容器上设置
    行高:0
  • 在容器上设置
    overflow:hidden
    zoom:1

  • 然而,在不知道链接应用了什么样式的情况下,这有点难以猜测。

    值得一试,但它不起作用=[这与链接本身有关,因为如果我只是删除这些链接,那么空间就变了我把它放在了a img{}中,但它不起作用,我试着把它放在身体{}中,现在起作用了,谢谢=]哎哟,桌子和所有这些图片,在世界的某个地方,一个css婴儿正在哭泣。