リンクボタンにした画像間の空白
- 0 名前： チエコ ： 2004/12/12 21:44 ［URL］
- 縦に画像を並べてメニューを作ったのですが、画像と画像の間に隙間が空いてしまいます。
これをなくすにはどうしたらいいですか？
tableの組み方に何か問題があるのでしょうか？
- 1 名前： 七鍵 ： 2004/12/13 00:38 ［URL］
- <table border=0 cellspacing=0 cellpadding=0>
<tr><td><img src="piyo.gif"></td></tr>
<tr><td><img src="piyo.gif"></td></tr>
</table>
のように記述すれば隙間がなくなりますよ。
- 2 名前： チエコ ： 2004/12/13 19:21 ［URL］
- ＞<table border=0 cellspacing=0 cellpadding=0>
と同じことはしてるんですけど。。
七鍵さんのようにしたら隙間なくなりますよね。
けれど、画像に<a>タグをつけてリンクボタンにすると隙間が開いてしまうんです。
- 3 名前： 七鍵 ： 2004/12/13 21:54 ［URL］
- <a 〜><img 〜>
</a>
を
<a 〜><img 〜></a>
と１行で書いてみてください。
下記のようにテストしてみたところ隙間がなくなりました。
<TABLE border=0 cellspacing=0 cellpadding=0>
<tr><td><img src="http://lovesickness-libot.hp.infoseek.co.jp/gazou/menuicon/xmas/zyou.gif" WIDTH="73" HEIGHT="36" border="0"></td></tr>
<tr><td bgcolor="black">
<a href="menu/aboutLibot.html" target="right"><img src="http://lovesickness-libot.hp.infoseek.co.jp/gazou/menuicon/xmas/libot.gif" alt="Libot?" WIDTH="73" HEIGHT="15" border="0"></a></td></tr>
<tr><td bgcolor="black">
<A href="menu/profile.html" target="right"><img src="http://lovesickness-libot.hp.infoseek.co.jp/gazou/menuicon/xmas/me.gif" alt="あたし？" WIDTH="73" HEIGHT="15" BORDER="0"></A></td></tr>
<tr><td bgcolor="black"><a href="menu/aboutPG.html" target="right">
<img src="http://lovesickness-libot.hp.infoseek.co.jp/gazou/menuicon/xmas/porno.gif" alt="ポルノさん。" WIDTH="73" HEIGHT="15" BORDER="0"></a></td></tr>
<tr><td bgcolor="black"><a href="menu/bbs.html" target="right">
<img src="http://lovesickness-libot.hp.infoseek.co.jp/gazou/menuicon/xmas/bbs.gif" alt="掲示板。" WIDTH="73" HEIGHT="15" border="0"></a></td></tr>
<tr><td bgcolor="black"><a href="menu/diary/diary.html" target="right">
# 文字数オーバに付き省略
- 4 名前： みや ： 2004/12/14 13:32
- 簡単に言ってしまえばブラウザのバグです。
開始タグ直後、終了タグ直前の空白類（改行含む）を、ブラウザは無視しなければなりません。
ですから、
<a 〜><img 〜>
</a>
と
<a 〜><img 〜></a>
は本来同じ表示にならねばならないのです。しかし、IE などでは上のように書くと
すき間（改行による空白）が空いてしまうようです。これは IE のバグです。
回避法は…七鍵さんのように改行しないで書く、くらいですかねえ。
- 5 名前： チエコ ： 2004/12/16 06:03 ［URL］
- バグなんてこともあるんですねぇ。
改行なしでやってみたら大丈夫になりました。
七鍵さん、みやさんありがとうございました。
