画像を並べる
-
0 名前： ミリ ： 2005/12/14 23:37
- 質問なんですが、例えば幅が10PXの画像があったとして、
これを自動的にウインドウ幅分だけ並べるタグはありますか？
-
1 名前： モノ ： 2005/12/14 23:37
- 画像を横スクロールなくならべたいということですか？
それならばimg要素をずらずらと記述すればウィンドウサイズにあわせて折り返しがされると思います。
<img>
<img>・・・
(<br>などの改行は入れない)
そうではなく、ウィンドウの幅に収まる個数だけ表示するということでしょうか。
極端な話、10pxの画像を
300pxの表示領域があったとしたら30コ並べる、
150pxなら15コ並べるといった具合にでしょうか？
それだとHTMLだけでは無理だと思います。
-
2 名前： ミリ ： 2005/12/14 23:37
- モノ様
返信ありがとうございます。
<IMG>を沢山並べる事は構わないのですが、閲覧者によって変に短かったり2行になってしまうのが嫌でして…
なのでモノ様の言う通り、<HR WIDTH="100%">みたいな感じものが理想だったのですが、HTMLだけじゃ無理なんですね(^^;;
諦めて違うデサインを考えたいと思います。
どうもありがとうございました！
-
3 名前： 匿名希望 ： 2005/12/14 23:37
- ＞モノ様の言う通り、<HR WIDTH="100%">みたいな感じものが
そんなこと言ってます？
横並びの<img src="" alt="">を<div style="width:100%;height:***px;overflow:hidden;"></div>で囲えば期待通りの表示になるんじゃないでしょうか。
それかJavaScriptを用いればできるかも知れないです。
-
4 名前： ミリ ： 2005/12/14 23:37
- 匿名希望様
スイマセン、誤解を生んでしまったようで…
「モノ様の言う通り」というのはモノ様が2つ目に書かれている"極端な話"というのを、
私なりの極端な話に勝手に変えてしまったんです。
モノ様も「自分の言った事が伝わってない…」と思われてたら申し訳なかったです。
それで、匿名希望様の書かれたタグをやってみたところ、出来ました！
理想どうりです。
ただ、overflow:hidden;はoverflow-y:hidden;に変更させて頂きました。
あとこれって、heightがちゃんと指定されてないとならないんですね。
本当に勉強になりました(^_^*)
では、ありがとうございました！
