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

Ela*_*ine 2 css php firefox padding

我有一个翻转菜单硬编码到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;
}
Run Code Online (Sandbox Code Playgroud)

thi*_*dot 6

你可以通过更改它来修复它:

#menu-content .img
{  
      padding:0px;
      margin:0px;
}
Run Code Online (Sandbox Code Playgroud)

对此:

#menu-content img
{  
    vertical-align: top;
}
Run Code Online (Sandbox Code Playgroud)
  • 我改成.imgimg.差异很重要..img正在寻找<img class="img" />(或任何元素class="img").你找到所有img元素后,img你想要的也是如此.
  • 我看不出需要margin: 0; padding: 0- 我认为这只是你试图摆脱额外空间的一部分.