Firefox 正在为 WordPress 中的翻转链接添加填充

发布于 2024-11-05 15:24:31 字数 673 浏览 1 评论 0原文

我有一个硬编码到 WordPress 中的翻转菜单（否则无法让 IE 识别链接）。它工作正常，但所有链接上都有这种神秘的填充。我尝试过各种各样的东西 - css重置、各种定位设置、添加和删除填充、将ems更改为px、删除行高...这是网站：http://circore.com/sporttours/

我认为这是相关的 css，但它可能来自 style.css 文件中的其他位置。任何帮助表示赞赏！谢谢

#menu-top { 
    background:url(images/menu-top.png);
    height: 115px;  
    width:210px;
    margin-bottom:0px;
}

#logo {
    display:none;
}

#menu-content { 
    width:210px;
    padding:0px;
    height:238px;

}

#menu-content .img {  
    padding:0px;
    margin:0px;
}

#menu-bottom { 
    background:url(images/menu-bottom.png) no-repeat;
    height: 302px;
}

原文

I've got a rollover menu hard-coded into WordPress (couldn't get IE to recognize the links otherwise). It works fine but there is this mysterious padding on all the links. I've tried all sorts of stuff - css reset, various positioning settings, adding and removing padding, changing ems to px, removing line height... Here's the site: http://circore.com/sporttours/

I assume this is the pertinent css, but it could be coming from elsewhere in the style.css file. Any help is appreciated! thanks

#menu-top { 
    background:url(images/menu-top.png);
    height: 115px;  
    width:210px;
    margin-bottom:0px;
}

#logo {
    display:none;
}

#menu-content { 
    width:210px;
    padding:0px;
    height:238px;

}

#menu-content .img {  
    padding:0px;
    margin:0px;
}

#menu-bottom { 
    background:url(images/menu-bottom.png) no-repeat;
    height: 302px;
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

孤独患者 2024-11-12 15:24:31

您可以通过将以下

#menu-content .img
{  
      padding:0px;
      margin:0px;
}

内容更改为：

#menu-content img
{  
    vertical-align: top;
}

我将 .img 更改为 img 来修复它。差异很重要。 .img 正在寻找（或任何具有 class="img" 的元素）。您正在找到所有 img 元素，因此 img 就是您想要的。
我看不出需要 margin: 0; padding: 0 - 我认为这只是您尝试摆脱多余空间的一部分。

You can fix it by changing this:

#menu-content .img
{  
      padding:0px;
      margin:0px;
}

to this:

#menu-content img
{  
    vertical-align: top;
}

I changed .img to just img. The difference is important. .img is looking for <img class="img" /> (or any element with class="img"). You're after finding all img elements, so img is what you want.
I can't see the need for margin: 0; padding: 0 - I assume that was merely part of your attempt to get rid of the extra space.