• ベストアンサー

画像を並べて配置したい

shiba1の回答

  • shiba1
  • ベストアンサー率41% (10/24)
回答No.4

こんにちは、「一番下に」というのが、ちょっと掴めません。 ビッシリ繰り返し並べるということですか? 一番下にぴったり。という意味でしょうか? それともスクロールしても常に一番下に表示。ということですか? ■隙間なくビッシリ並べるのであれば、 繰り返し、同じ画像を並べる(パターンの壁紙のように使う)のであれば、 「starflora」さんの回答にもあるように、 tableの背景に使うのが一番イイと思います。 背景に使った場合は、 オリジナルのサイズで繰り返し表示されます。 当然、繰り返しで表示されるので、ちょんぎれます。 ちょんぎれさせたくないのであれば、widthを画像の幅の整数倍にすれば何とかなります。 heightを画像の高さの整数倍にすれば、2列、3列とかできますね。 <table width="画像の幅×整数" height="画像の高さ" cellpadding="0" cellspacing="0" border="0" background="画像" align="center"> <tr> <td><br></td> </tr> </table> のようにcellpadding,cellspacingを「0」にしておいた方がいいです。 tableだけではなく、tdにbackgroundも指定できますよ。。 ■下と左右ピッタリにしたい・・・だったら。。 上下左右には、少しマージンがあるので、100%でもピッタリになりません。 ピッタリにしたいのであれば、 <body topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> にしておく必要があります。 これで、width="100%"にすればピッタリ行きます。 ■もしかしてスクロールしても一番下という意味だったら。 フレームでページを上下に割って、 下の部分に読み込むページの背景を 並べたい画像にすればよいのでは、。。 <html> <head> <title></title> </head> <frameset rows="*,画像の高さ" frameborder="0" framespacing="0" border="0"> <frame src=".html" name="main" scrolling="auto" noresize> <frame src=".html" name="gazou" scrolling="no" noresize> </frameset> </html> ============================================ 長々と失礼しました。ちょっと見当違いかも。。

koro5
質問者

お礼

色々な方法を教えて頂きありがとうございました。 下と左右をピッタリにするのは <STYLE type="text/css"> <!-- body{margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px;} --> </STYLE> っていうスタイルしか知らなかったので、違う方法が分かって良かったです! 一番下に表示させたい理由は、上に文字や絵が重なるのがいやだからなんです。 それを避けるにはフレームを使うのも一つの手ですね。

関連するQ&A

  • CSS 画像の配置について

    http://www.handmc.jp/pc/index.html こちらのページにある メインの写真が2枚 バック画像の上に並べられていますが これをCSSで配置するにはどうしたらよいでしょうか? 背景のグレーのグラデーションもあるので 写真の上に写真を並べているように見えます 今までのテーブルであれば簡単なのですが 沢山本を買ったり WEBで調べていますが  画像配置の方法が文字の回り込みのものばかりで  このページのように画像背景の上に  さらに画像背景を配置する方法を知りたいと思っております  お手数ですがどなたがご教授お願いします

    • ベストアンサー
    • HTML
  • 画像の配置について

    ホームページビルダー11を使用してサイトを作成しているのですが、画像の表示位置について分からない事がありまして…。 標準モードで作っていますが左上に画像を固定しても微妙に余白(?)が出来てしまいます。僅かに白い部分が残ってしまうのです。 ページを編集する際も少し白い部分があってブラウザの画面ギリギリまで画像を表示させる事が出来ないんです。 とても説明し辛いんですが;; どうしたらいいのでしょうか…。

  • HTMLでの画像配置

    PC初心者です。HTMLの画像配置について教えて下さい。 添付画像のように画像1、2、3と3つの画像があります。 添付画像と同じ配置をしたいのですが、 実際の表示が、画像1の下に、画像3がきてしまいます。 画像2の下に画像3を置きたいです。 どのようにコーディングすればよろしいでしょうか? ちなみに、ホームページビルダー13を使用しています。 HTMLは詳しくないので、詳細を書いて頂けるとありがたいです。 足りない情報などもありましたら、補足させて頂きますので、 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • WEBページの背景に画像を連続配置する方法

    WEBページの背景に画像を配置したいと考えています。 bodyの途中から画像を連続で配置したいのですが、 以下のようにCSSで指定しても左上から連続で画像が配置されてしまいます。 ※上から175pxのところから連続で画像を出したいです。 background: transparent url(../images/bg.gif) repeat 0px 175px; background-positionを指定する場合、 background-repeatはno-repeatじゃないとダメなのでしょうか? 現状、bg.gif自体を画像を連続して配置したような 大きい画像にしてno-repeatで設置しています。 背景の途中から同じ画像を連続配置する方法を 教えていただければ幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • 頁の最下段に画像を表示するには?

    HPを作っているのですが、そのページ内の1番下に画像を 表示させたいのですが、どうしたらいいですか? どうしても、ちょっとだけ下に空白ができてしまうんです。 もし、最下段に表示する方法がありましたら教えてください。

    • 締切済み
    • CSS
  • httpsで表示されているページ内にhttpの画像を配置することはできますか?

    httpsで表示されているページ内にhttpの画像を配置することはできますか? 自動的に画像箇所がhttpsに変わってしまいます。 画像の箇所だけSSLをかけずにhttpにしたいのです。 物理的に可能なのでしょうか?

  • 画像をクリックして同じページに拡大画像を出す

    小さい画像をクリックすると同じページに拡大画像が表示されるようにしたいのです。小さい画像が7つ程横に並んでいて、クリックするとその下に拡大画像が表示されるページです。フレームは使わないで出来ますか?フレームを使うとテーブルの背景が切れてしまうので使わないで作りたいのですがわかりません。教えてもらえたら嬉しいです。

    • ベストアンサー
    • HTML
  • 画像の入れ替え

    簡単なショッピングサイトを作成しています。 色々な色を取り揃えている商品があるのですが、 ページの中央に1枚大きく画像を表示してその下に他の色(約20色)の画像を小さく表示しています。 下の小さい画像をクリックすると中央の大きい画像がクリックされた色にかわるようにしたいです。 色々なサイトを検索してもクリックしたその画像を入れ替える方法は書いてあってもまったく別の画像の入れ替えの方法が見つかりません。 試行錯誤で色々試しているのですが中央の画像が変わらず他の場所にある画像がかわったりとなかなか上手くいきません。 どなかた書き方ご存知の方教えてください。 よろしくお願いします。

  • 画像の横に画像を配置したいです。

    画像が1個あって、その横に画像を少し離して配置したいのですが、ふつうにすると、横に行かずに、画像の下に行ってしまい、画像が縦に2つ並ぶ形となってしまいます。そうではなくて横に画像を2つ並べるにはどうしたらよいのでしょうか?お願いします。

    • ベストアンサー
    • HTML
  • 画像が切り替わる

    こんにちは。 この前とあるページで、ヘッダー部分に画像が表示されてるのですが その画像が時間で切り替わるようになっていました。(5枚くらい) 最初はGIFアニメかと思ったのですが、画像の下には番号が常に表示されていて 自分でクリックして好きな画像に自由に切り替えることが出来ます。 (ページを読み込み直しているわけではありません。とてもスムーズです) Flashかと思って画像そのものを右クリックしてみたら なんとJPGであることがわかりました。 これはどういう機能なのでしょうか? 私も画像の切り替えを出来るようにしてみたいです。 よろしくお願い致します。