html - 即图像链接中的边框(未由样式边框 :none) 修复

标签 html css internet-explorer

<分区>


关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

关闭 9 年前

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

反正我是在按钮上做链接,这发生在 ie:

ie

而 chrome 和 firefox:

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>

最佳答案

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

  1. 确保所涉及的元素均未应用任何填充或边距。
  2. 确保您的图片和/或环绕链接是 display:block
  3. 在容器上设置line-height:0
  4. 在容器上设置overflow:hiddenzoom:1

但是,在不知道链接所应用的样式的情况下,很难猜测。

关于html - 即图像链接中的边框(未由样式边框 :none) 修复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16266978/

上一篇:html - css 移除输入文本居中

下一篇:css - 访问链接时突出​​显示图像

相关文章:

javascript - 上传前如何使用 JavaScript 检查文件 MIME 类型?

javascript - 大量主题的可维护 CSS

javascript - 旋转后保持div滚动位置

windows - 为什么我的用户的下载在 IE 中随机停止?

javascript - 脚本 (window.innerHeight) 在 IE 中不起作用

html - 如何制作方形虚线边框

javascript - 在重定向到另一个页面之前播放视频

javascript - 只允许用户最多选择三个 block

html - Angular 2 Material 自定义 md-menu

css - 如何在不同浏览器中对一个类应用不同的css样式