テーブルにリンクバナーを貼る時

質問

テーブルを作って、セルの中にリンクしているサイトさんのバナーを貼ろうと思っています。
実際に貼ると、リンクバナーの上が空いてしまいます。
いろいろ試したのですが、ここ２週間くらいでｈｔｍｌを勉強し出した初心者のため、
何が悪いのか分かりません。
詳しい方がいらっしゃいましたら、見ていただけますか。

××には画像のファイル名、※※にはサイトＵＲＬを入れています。

<table border align="center">
<caption align="top"><b>≪○×△≫</b></caption>
<tr>
<td width="140">　サイトバナー</td>
<td width="130">　管理人様/td>
<td><width="400">　サイト傾向等</td>
</tr>
<tr><td width="100"><A HREF="http://※※" target="_blank">
<IMG src="××.gif" border="0"></A></td>
<td width="130">　○○様</td>
<td width="400">サイト紹介文</td>
</tr>
</table>

valign="top"も試しましたが、ダメでした。
バナーの画像がgifでもjpgでも同じです。
何が原因でしょうか。

回答No.2

3o-clock · ベストアンサー

altとborderは問題の部分とはまったく関係してない事ですが
書き方がおかしいのと、必須項目だったので、足したまでです。

<caption align="top"><b>≪○×△≫</b></caption>
を外してみる事と
紹介文章が長過ぎないでワイド400の間に収まる事。

あとは<td Valign="top">しかないですよね。

極端な話
<td width="140" Valign="top" height="200"><A HREF="http://※※" target="_blank"><IMG src="××.gif" border="0"></A></td>
っとすれば
ちゃんと一番上に画像が出ますよね？

それかcssでimgにborderが着くように設定していませんか？

お礼

＞極端な話
＞<td width="140" Valign="top" height="200">
＞<A HREF="http://※※" target="_blank">
＞<IMG src="××.gif" border="0"></A></td>
＞っとすれば
＞ちゃんと一番上に画像が出ますよね？

このようにすれば確かに一番上に画像が出ました。
こちらを参考にさせていただき、いろいろ試してみたら、
バナー以外のセルのwidthを指定しなければ、
画像がきちんとワクに入ることが分かりました。

何故こうなってしまうののかよく分からないのですが
これで解決いたしました。

いろいろ勉強になりました。
ありがとうございました！

回答No.1

3o-clock

<table border="1" align="center">
<caption align="top"><b>≪○×△≫</b></caption>
<tr>
<td width="140">　サイトバナー</td>
<td width="130">　管理人様/td>
<td><width="400">　サイト傾向等</td>
</tr>
<tr>
<td width="140" height="??"><A HREF="http://※※" target="_blank"><IMG src="××.gif" border="0" alt=""></A></td>
<td width="130">　○○様</td>
<td width="400">サイト紹介文</td>
</tr>
</table>
上があくの意味がちょっとわからないのだけど
バナーの高さを、追加してしてみては？

あと、上のセルが140なので、下も140にしたのと
画像にはalt必須なのと
一番上のborder="" を指定しました。

お礼

回答ありがとうございました。
セルの数字が上と下で違っていたのは、間違いです(^_^;)
セルの高さ指定は前に試みましたが、結果は同じでした。
教えていただきました「alt」と
「一番上のborder="" 」やってみましたが、同じでした。

「上が空く」と言うのは、
バナーとセルの枠の間が空いてしまうのです。
セルにぴったりとバナーが入るようにしたいのですが・・・。

いろいろ考えていただき、ありがとうございました。