並べた画像ファイルに不要なスペース行が入ってしまいます(HTML付き)。

質問

お世話になります。
下記のように、画像ファイルを２つ並べようと思っています。

+---------+
|隅.bmp |
+---------+
+---------+
|隅.bmp |
+---------+

ただ、上の画像に左側にスペースを入れると、なぜか２つの画像の
間に細いスペース行が入ってしまいます。
この２つの画像の間のスペース行を無くす方法はありますか？

<p><img border="0" src="隅.bmp" width="160" height="160"><br>
<img border="0" src="隅.bmp" width="160" height="160"><br>
　↓↓↓
<p>&nbsp;<img border="0" src="隅.bmp" width="160" height="160"><br>
<img border="0" src="隅.bmp" width="160" height="160"><br>

よろしくお願いします。

回答No.2

345itati · ベストアンサー

bmp形式は普通ブラウザでサポートされていない形式の画像ファイルですので、jpg、gif、pngのいずれかに変換しないと他のPCで見れませんので一応。

回答No.1

kirikanan61

本質的解決法ではないかもしれませんが…。

スペースを入れる代わりに、上の画像の左側のmarginを設定すれば
上下画像の間に隙間は出来なくなります。

（例）
<p><img border="0" src="隅.bmp" width="160" height="160"　style="margin-left : 1em;"><br>
<img border="0" src="隅.bmp" width="160" height="160"><br>