画像をいくつか一列に並べ最後の画像のみ100％で指定する方法

質問

HTMLで画像を横に一列に並べ最後の画像だけブラウザの端の最後まで表示されるようにwidth=100％と指定しましたがうまくいきません。

ソース
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div>
<img src="hoge.gif"><img src="hoge2.gif"><img src="SAIGO.gif" width="100%">
</div>
</td></tr>
</table>

はじめの2つは一列に並んでくれるのですが最後の画像のみ並んでいる画像の下（別の行に）ブラウザいっぱいに表示されます。

<div>を入れてみましたがだめでした。

希望としてはすべの画像を一列に並ばせるが最後の画像だけブラウザの右側までいっぱいに表示されるようにしたいです。

よろしくお願いいたします。

回答No.3

yambejp · ベストアンサー

できないですがSAIGOが切れてもいいなら
nobrタグでいけるような気がします。
ただし、heightを実数指定しておかないと
でかいイメージが表示されるのでげんなりですが。

<nobr><img src="hoge.gif"><img src="hoge2.gif"><img src="SAIGO.gif" width="100%"></nobr>

お礼

回答ありがとうございます。

<nobr>を入れたら一発で解決しました。ありがとうございました。

回答No.2

OsieteG00

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10%">
<img src="hoge.gif"><img src="hoge2.gif">
</td>
<td width="90%">
<img src="SAIGO.gif" width="100%">
</td>
</tr>
</table>

tdタグのwidthを調整してみてください。

お礼

回答ありがとうございました。

なるほど。tdタグで調節ですね。了解です。

回答No.1

atsunosuke

こんにちは。
<img src="SAIGO.gif" width="100%">とすると、その画像がブラウザの横幅よりも小さい場合は拡大してめいっぱいに表示せよ、という意味になるので、width="100%" をここに入れていると他の画像と並べることは無理なのではないかと思います。

> 全ての画像を一列に並ばせるが最後の画像だけブラウザの右側までいっぱいに表示されるようにしたい

最後の画像の大きさはどれくらいですか？拡大・縮小をすることになるかと思いますがどちらを意図しているのでしょうか？補足してください。

補足

回答ありがとうございます。

最後の画像は横が10でたてが30ほどです（px)

前の画像は40、30ぐらいです。

ちなみに拡大です。（正しく言えば小さい画像を横伸ばしにする）

よろしくお願いいたします。