ホームページ 画像を横に並べる

質問

Wordpressでホームページを作っています。

<img src="画像のアドレス" alt="簡単な説明" height="高さ" width="幅"><img src="画像のアドレス" alt="簡単な説明" height="高さ" width="幅">

で画像を横に並べることは出来たのですが、ウィンドウの幅を狭めて行くとレイアウトが崩れます。

理想としては、ウィンドウサイズを狭めて（右から左に）行った時に左まで画像が移動して、左端に画像がついた時点で止まり、それ以上ウィンドウサイズを狭めるとウィンドウの外に消えるようにしたいです。

どうすれば出来ますか？教えてください。

回答No.2

Kaneyan-R

スタイルシート使うのが今時普通だけど・・・あえて使わない方法で。

<NOBR>
<img src="画像のアドレス" alt="簡単な説明" height="高さ" width="幅">
<img src="画像のアドレス" alt="簡単な説明" height="高さ" width="幅">
</NOBR>

<NOBR>～</NOBR>：改行禁止

これ、ＨＴＭＬ5で廃止されたはず？

回答No.1

ORUKA1951

その画像はなんですか？？
<ol id="ImageList">
　<li><img src="" width="" height="" alt=""></li>
　<li><img src="" width="" height="" alt=""></li>
・・ですか？
それともナビゲーション
<div class="nav">
　<ol>
　　<li><a href=""><img src="" width="" height="" alt=""></a></li>
　　<li><a href=""><img src="" width="" height="" alt=""></a></li>
・・ですか？
　何らかの構成要素の内容だと思いますが・・

　何でも良いですが、それがないとスタイルシート書けない。

例えばナビゲーションリストだったら・・
div.nav ol,div.nav ol li{list-style:none;margin:0;padding:0;text-align:center;}
div.nav ol{font-size:0;min-width:***px;}
div.nav ol li{display:inline-block;}
とか・・・

もちろん、画像を伸縮させても良い。