画像を複数横に並べ、かつそれぞれの画像の下に文字を表示する

質問

はじめまして！！質問のとおりです。

画像を横に複数表示しつつ、さらにそれぞれの画像の下に文字を表示（それそれの画像の横幅の範囲内に）するには、どうすればいいのでしょうか？？

回答よろしくお願いしますｍ（_ _）ｍ

回答No.1

p-applepie · ベストアンサー

TABLEタグで横並びの1画像ずつ区切ってみてはいかがでしょう？
最小の画像横幅より狭くTD の幅指定をして画像の下に回り込みで
テキストを入れる形を取りborder=0に指定すれば罫線は表示されません。

http://www.geocities.co.jp/SiliconValley-Bay/7770/file/hf.html
http://www.tagindex.com/hp_guide/menu/02.html

お礼

なるほど！！そういう方法があったんですね♪
ありがとうございます！！実践してみます（＾＾

回答No.2

noname#39970

<div style="float:left"><img src="1.gif"><br>caption 1</div>
<div style="float:left"><img src="2.gif"><br>caption 2</div>
<div style="float:left"><img src="3.gif"><br>caption 3</div>
<div style="clear:both"></div>