どこから来ていますか？<tr>

Question

天気チャンネルの埋め込みウィジェットがあり、他の行と同じ高さに拡大されている1pxの高さの画像を持つ<tr>がある以外はすべてうまくいっています。

コンテンツの残りの部分がシフトしています。それは単なる埋め込みであるため、私が制御できるスタイリングの多くがあります。しかし、修正しなければならない行の高さを継承していたので、スタイルシートから何かを継承する必要があると考えました。

http://www.scwd.comにアクセスして下にスクロールすると、天気ウィジェットが表示されます。 @ weather.comの下に灰色のtdを持つ行が問題です。高さは1pxにする必要があります。私は複数のデバッガを使用して、私が継承を見つけることができるかどうかを確認しました。どんな助けも素晴らしいだろう。

- UPDATE -

は、ウィジェット内で、私のコントロール外の変数を考慮し、最もエレガントなソリューションは、将来変更される可能性がありません。しかしダビデが示唆したように、私はそれを次のように解決しました。

<script type="text/javascript"> 
var x = $("img[src$='blank.gif']"); 
$(x).closest('tr').css('display', 'none'); 
</script> 

Answer 1

私は見つけることができるベストです：

Inherited from div#wx_module_6107.wow_container 
.wow_container { 
    line-height: 14px; 
} 

あなたはこれをホストしたり、外国のソースからHTMLを引っ張っていますか？私はレンダリングされているHTMLやそれが使用しているCSSを制御できないと思われますか？

私はCSSのエキスパートではありませんので、FireBugで試したことはありませんが、ウィジェット内の残りのテーブル要素に影響を与えずに違いがあります。

誰かがCSSソリューションを提供できない限り、多少のJavaScriptがその仕事を完了することができますか？ドキュメントの準備ができたら、そのimg要素（おそらくそのsrc？）を見つけてそこから（jQueryの.closest（）のようなものを使って）その親のtdと親のtrを見つけて、スタイル。

Answer 2

画像はあなたのCSSに応じて14の行の高さを持っているTDである：

.wow_container { line-height: 14px; } 

私はそれを1ピクセルの行の高さを与え、透明に背景色を設定します。それは物事が私のために良く見えるようにします。このウィジェットはWordPressのプラグインから来ていますか？もしそうなら、どのプラグイン？プラグインコードを自分で編集することができます。

Answer 3

bodyのfont-sizeが原因で問題が発生したと思います。私の提案は、灰色の行であるtdにfont:1px Verdana,Arial,Helvetica,sans-serifを追加することです。