我有一个来自天气频道的嵌入式小部件,一切都运行良好,只是他们有一个{1}的高度为1像素的图像正在扩展到等于其他行的高度。
它正在改变其余内容。因为它只是一个嵌入,所以我只能控制那么多的造型。但我认为它必须从我的样式表继承一些东西,因为它继承了我必须纠正的一些行高。
如果您访问http://www.scwd.com并滚动到底部,则会看到天气小工具。 @ weather.com下面带有灰色td的行就是问题所在。它应该只有1px的高度。我已经使用了多个调试器来查看是否可以找到继承而我不能。任何帮助都会很棒。
- 更新 -
考虑到窗口小部件中的变量并且在我的控制之外,不是最优雅的解决方案,将来可能会发生变化。但正如大卫所说,我用以下方法解决了这个问题。
<tr>
答案 0 :(得分:4)
我能找到的最好的是:
Inherited from div#wx_module_6107.wow_container
.wow_container {
line-height: 14px;
}
您是主持此操作还是从国外来源提取HTML?我怀疑你无法控制正在渲染的HTML或它正在使用的CSS?
我不是CSS专家,所以到目前为止,我在FireBug中尝试过的任何内容都没有影响,而不会影响窗口小部件中其余的表元素。
除非有人能提供CSS解决方案,否则一些JavaScript可以完成工作吗?您应该能够在文档就绪时找到img
元素(可能是它的src
?)并从那里(使用jQuery中的.closest()之类的东西)找到它的父{{1}和父td
以及这些元素引用显式设置它们的样式。
答案 1 :(得分:1)
图像位于td中,根据你的css,行高为14:
.wow_container { line-height: 14px; }
我会给它一个1px的行高并将背景颜色设置为透明。这让事情对我来说很好看。这个小部件来自wordpress插件吗?如果是这样哪个插件?您可以自己编辑插件代码。
答案 2 :(得分:0)
我认为问题出现的原因是font-size
的{{1}}。我的建议是为{灰色行的body
添加font:1px Verdana,Arial,Helvetica,sans-serif
。