画像をいくつか一列に並べ最後の画像のみ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 回答日時： 2005/10/31 14:18

できないですがSAIGOが切れてもいいなら

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

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

この回答へのお礼

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

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

お礼日時：2005/10/31 14:22

No.2 回答者： OsieteG00 回答日時： 2005/10/31 14:18

<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タグで調節ですね。了解です。

お礼日時：2005/10/31 14:21

No.1 回答者： atsunosuke 回答日時： 2005/10/31 14:04

こんにちは。

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

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

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

この回答への補足

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

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

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

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

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

補足日時：2005/10/31 14:17