3-3

 複数の額縁画像の扱い
   額縁画像の横並びは出来ないか。


『答え』 出来ますとも。

この質問が何回か届きましたので解説致しましょう。
ネット上で展覧会する感じで画像を額縁入りで並べましょう。
普通にタグを書いただけでは額縁のテーブルタグが影響して縦に並んでしまいますね。



でも、こうやって横に並べることも出来る訳です。このHTMLは下記の通り。


<table>
<tr><td>
<table border=8><TD>
<TABLE BORDER=1><TD><TABLE BORDER=2><td>
<img src="hpm-f/panda1.gif"><br>
</td></TABLE></TD></TABLE>
</td></table>
</td><td>
<table border=8><TD>
<TABLE BORDER=1><TD><TABLE BORDER=2><td>
<img src="hpm-f/panda2.gif"><br>
</td></TABLE></TD></TABLE>
</td></table>
</td></tr></table>

画像の部分(hpm-f/panda1.gif)は御自身のものに直して下さいね。この hpm-f/ がフォルダの中の画像を意味します。画像が photo というフォルダに入って いたら photo/ となる訳です。
額縁横並びはテーブルタグの横並びは、ずれないようにテーブルタグで並べると言う答えです。(^^)
ご理解戴けましたか。 以上が理解できたら、この項は修了です。

尚、額縁を使わないで単純に画像を横並びさせる場合も付け加えておくならば
    

<nobr>
<img src="hpm-f/panda1.gif">&nbsp;<img src="hpm-f/panda2.gif">
&nbsp;<img src="hpm-f/panda1.gif">&nbsp;<img src="hpm-f/panda2.gif">
</nobr>

こういう風に書きます。
<nobr>はブラウザのサイズに応じて改行されるのを拒否する役割、 &nbsp;は半角スペースを空ける役割です。
(スペースキーで空けた隙間でも構いませんが最近のIEでは2個目から無効になりますので、隙間を大きく空けるならば&nbsp;の数を増やしてやれば良いです。)

質問メール  OZ道場メニュー