IE8 - 如何从图像中删除多余的填充?

发布于 2024-08-08 04:22:29 字数 562 浏览 3 评论 0原文

请参阅此图片:

image

以便更清楚地了解标题图形发生的情况。

我通过定制的 joomla 模块将互连解决方案全球徽标添加到橙色横幅中;我这样做是为了使编辑和更新更容易。

但这会导致在 IE8 中向顶部添加额外的填充 - 它会折叠并且在 IE7 中很好

我如何删除这个额外的填充?

我尝试了很多不同的CSS,但似乎没有什么能指出问题。

#header-bot .moduletableisw .isw  
{
    float: right;
    margin-top: 0px;!important'
    padding-top: 0px;!important'
}

我已经设法解决了我在 css 方面遇到的大多数问题,但这个问题却困扰着我。

希望有一个简单的解决方案?

See this image:

image

for a clearer understanding of what's happening to the header graphic.

I've added the interconnect solutions worldwide logo to the orange banner through a customized joomla module; I did this to make editing and updating easier.

But this resulted in adding extra padding to the top in IE8 - it collapses and is fine in IE7

How do I remove this extra padding?

I’ve tried lots of different css but nothing seems to pin point the issue.

#header-bot .moduletableisw .isw  
{
    float: right;
    margin-top: 0px;!important'
    padding-top: 0px;!important'
}

I’ve managed to figure out most issues I’ve had with css, but this one’s got me.

Hopefully there will be a simple solution?

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

时光病人 2024-08-15 04:22:29

对于初学者来说,您的 CSS 无效,它应该是:(

#header-bot .moduletableisw .isw  
{
    float: right;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

当大小为零时,您可以删除 px。)

还要检查父元素(例如 )上的边距/填充。 moduletableisw 以及兄弟元素上的任何间距。

发布您的 HTML 会有帮助。

For starters your CSS is invalid, it should be:

#header-bot .moduletableisw .isw  
{
    float: right;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

(You can remove the px when the size is zero.)

Also check for margin/padding on the parent element(s) such as .moduletableisw and also any spacing on sibling elements.

Posting your HTML would help.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文