プロが教える店舗&オフィスのセキュリティ対策術

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

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


<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でも同じです。
何が原因でしょうか。

A 回答 (2件)

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が着くように設定していませんか?
    • good
    • 0
この回答へのお礼

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

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

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

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

お礼日時:2006/03/07 12:13

<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="" を指定しました。
    • good
    • 0
この回答へのお礼

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

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

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

お礼日時:2006/03/03 22:54

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!