Web パーツはクライアントの古いベンダーから継承し、は、イメージのサイズの問題。 画像 60 する必要があります。×50 しかし、いくつかの奇妙な理由のため, 元のベンダーを 42 に強制×42, 彼らぺしゃんこになったので:
良いイメージ |
悪いイメージ |
ここでは、マークアップです。 (簡略化多少):
<テーブル クラス ' 拡張 outlook'=>
<thead>
<tr>
<th 幅 = 100′>3 火曜日</th>
</tr>
</thead><tbody>
<tr クラス '予想' =>
<td 幅 = 100′>
<ul>
<李クラス '高' =>高: 72&度;F</李>
<李クラス '低' =>低: 44&度;F</李>
<李クラス = '条件'>日当たりの良い
<img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ 幅 42年 =’ 高さ = 42年’ alt =” />
</李>
</ul>
</td>
</tr></tbody>
</テーブル>
注意してよ、 イメージ自体へのパス 適切なディメンションが表示されます。 (60×50) 元のベンダーは 42 の強制×42. なぜ? クレイジー.
とにかく, 私は速く、容易な解決策と私は jQuery になっています。 すべての適切なを検索するにはトリックをだった <img> タグ。 他の img タグに小屋の掃除したがらなかったのですが。 (多くある). このビットの jQuery のトリックをでした。:
<スクリプトの種類」テキスト/javascript を =" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></スクリプト>
<スクリプトの種類」テキスト/javascript」=>
$(ドキュメント).準備ができて(関数 () {$(' li.condition > img').各(関数 (インデックス, 項目)
{
$(項目).css(「幅」, 「60」);
$(項目).css(「高さ」, 「50」);
});
}); // ドキュメントの負荷
</スクリプト>
そのビット コードのコレクションを検索します。 <李> タグ クラス「条件」と <img> 子供たち。 それは、すべてのことを反復処理します。 見事に成功しました.
私はおそらくそれを合理化できます。, しかし、私はなかった、π を解決 unix 男の種類 宛先 18 sed や awk 桁精度、jQuery のいずれかの男と私はそのような .
</終了>
私は Twitter の上に従ってください。 http://www.twitter.com/pagalvin