Tableの記述兵方法について、質問をさせて頂きます。よろしくお願いし

Tableの記述兵方法について、質問をさせて頂きます。よろしくお願いします。
まず、以下のようなtableを作成しました。

<table border="1"summary="お知らせ">
<tr>
<th><img src="img/aaa.gif" alt="画像1" width="199" height="64" /></th>
<td><img src="img/bbb.gif" alt="画像2" width="547" height="60" /></td>
</tr>

<tr>
<th><img src="img/ccc.gif" alt="画像3" width="199" height="364" /></th>
<td><img src="img/ddd.gif" alt="画像4" width="547" height="60" /></td>
</tr>
</table>


よろしければ、画像を拝見してみてください。


画像1と画像2は問題無いのですが、次の画像3と画像4を入れると、画像3のheightが364に設定しているために画像2と画像4の間に隙間が出来てしまいます。
このような場合は、隙間を無くしたいのですが、このような場合はどのようにすれば良いものでしょうか？


画像4の<td>に右記のclass名を付けて、<td class="1">
cssにtd.1{padding-top:-30px;}としてみたところ、画像3のthまで上がってしまいます。


全く分からずに困っております。
どなた様か、ご指導の程よろしくお願い致します。

No.1 ベストアンサー 回答者： torayoshi 回答日時： 2010/01/03 16:09

普通に<td valign="top"><img src="img/ddd.gif"～

で良いんじゃないですか？

CSSでやるなら
.img4{padding:0px 0px 304px;}
<td class="img4"><img src="img/ddd.gif"～
みたいな感じで。

なお、paddingプロパティでマイナスの数値を指定する事は出来ませんよ ^^;

この回答へのお礼

ありがとう御座いました。
お蔭様で、解決できました。

まだまだ、私は勉強不足ですね。

この度は、ありがとう御座いました。
また、ご縁がありましたときはよろしくお願いします。

お礼日時：2010/01/10 09:55