画像と画像の間を消す方法



0   名前: のぽぽn : 2006/08/27(日) 19:14  ID:p59l7yUr
はじめまして、のぽぽnといいます。
先ほどHTMLで、画像を使ったメニューページを作ろうと思うのですが、
画像関連の要素やタグはあんまり詳しくありません。
<img src="(略)" border="0">
<BR>
<a href="(略)"><img src="(略)" border="0"></a>
.
.
.

こう書いたら、画像と画像に隙間が出来てしまいました。
隙間を表示させずに画像を並べられないでしょうか・・・・・
どなたか御教示お願いします。

1   名前: Z ◆XTzyosZXcL : 2006/08/27(日) 19:14  ID:O1F9KAP/
 BR要素で強制改行をさせずに並べればよいと思いますが、ただ、「メニューページ」となると、

<ul>
<li><a href="(略)"><img src="(略)" border="0"></a></li>
<li><a href="(略)"><img src="(略)" border="0"></a></li>
<li><a href="(略)"><img src="(略)" border="0"></a></li>
</ul>

とした方が適切なようにも思えます。

 普通に画像を並べていくだけであれば、

<p><a href="(略)"><img src="(略)" border="0"></a><a href="(略)"><img src="(略)" border="0"></a><a href="(略)"><img src="(略)" border="0"></a><a href="(略)"><img src="(略)" border="0"></a></p>

で十分でしょうが、この場合A要素とつぎのA要素の間があいてませんのでメニューとしては操作しづらいようにも思えます(alt属性は忘れずに記述してください)。

HTMLの基本)
http://members.jcom.home.ne.jp/jintrick/Personal/markup.html

お奨めの文法チェッカ)
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html

2   名前: のぽぽn ◆V7ELHtdCn9 : 2006/08/27(日) 19:14  ID:p59l7yUr
Zさん、ありがとうございました。
解決に成功しました。

一覧へ戻る