• 締切済み

背景画像を左右に表示

今HPを作っているのですが、 背景画像をページの左右両端に配置してそれを繰り返す、というのはどうやればいいのでしょうか? ソースのサンプルを教えていただけないでしょうか? いろいろ検索してみましたが、見付かりませんでした。 よろしくお願いします!

  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

noname#107580
noname#107580
回答No.2

こんにちは! 縦横100%のテーブルを作って BODYの背景に右側、テーブルの背景に左側というのはどうでしょう。 <style type="text/css"> <!-- body { background-image: url(aaa.gif); background-repeat: repeat-y; background-position: right; } .t_body{ background-image: url(aaa.gif); background-repeat: repeat-y; background-position: left; } --> </style> テーブルに【t_body】のスタイルを設定します。 ネスケなどの対応には自信がありません・・。 それから簡単なのはフレームを3列にして左右のフレームのサイズを固定にしてフレームボーダーを0にするというのもありますね。 この場合メインフレーム(真ん中)が長くなると右の背景との間にスクロールバーが出てしまいますが・・。

  • misaki621
  • ベストアンサー率19% (8/42)
回答No.1

素材集を見てはいかがでしょうか。 検索エンジンで簡単に探せますよ。 そこにヒントが隠されてるかもしれませんよ。 まちがってたらすみません。

関連するQ&A

  • スマホに合わせた背景画像の表示について

    wordpress初心者の者です。 wordpressの固定ページで、画面いっぱいの背景画像を配置したのですが、当然スマホでは画像サイズが大きすぎて、左右が切れて表示されてしまいます。 これを回避するのは「Media Queries」を利用するしかないのでしょうか? もしくはプラグインなど簡単な方法がありましたら、教えてください。

    • ベストアンサー
    • CSS
  • ホームページビルダーで背景画像がうまくいかない

    ホームページビルダーでHPを作成している初心者ですが、どうも背景画像がうまくいきません。 どこでも配置モードで製作しているのですが、背景画像の大きさ(範囲)を指定できないものでしょうか?編集→ページのサイズ→800×600等を選んでも、背景画像の範囲が限定されるわけでもなく、画面いっぱいに背景画像が映し出されます。 ちなみに、挿入→画像ファイル→ファイルから壁紙として  このやり方で背景画像を設定すると、ぺーじ編集画面ではしっかりと背景画像が表示されるのですが、プレビューでは背景が表示されない不具合が出ました。(検索してみると同じ不具合が出る人が数人見つかり、一つだけ解決策が見つかったのでそれを実行しています。 http://www.aimix.jp/hpboldlog2/old3594.html   の一番下のやり方です。) 最悪、背景の問題が解決できなければ、ページの中央表示で妥協しようと思っています。 で、標準モードで製作していれば簡単にページの中央表示(真中寄せ)ができるようですが、今どこでも配置モードで製作していますので、どこでも配置モードで中央表示する方法はありませんか? できれば全てにおいてhtmlタグは極力直接入力は避けたいです(わけがわかっていないので・・・) お詳しい方よろしくお願いします。

  • 背景画像と背景色変更:JavaScript

    下記のページのような背景画像変更スクリプト(サンプル画像をクリックで反映される)と… http://www.sky.sannet.ne.jp/masapine/java_back6.html CLUB とむやん君(http://www2s.biglobe.ne.jp/~club_tom/)背景 No.1.1の背景色変更スクリプトを同一のページで行ないたいのですが、その組み込み方がわからず困っています。お力を貸して頂けると助かります。宜しくお願いします。 ※背景色変更ソースを記述したかったのですが、字数オーバーで投稿できないため省いてます…。補足回答でソースを載せられれば…と思っています; またCLUB とむやん君のサイトは閉鎖されてしまったのでしょうか?。

  • 背景に画像を使ったページを作りたい。

    タイトルの通り、DreamWeaverを使って背景に画像を使ったページを作りたく方法を考えています。ちなみにレイヤー、CSSは使いたくありません。 自分の少ない知識で考えると、ページプロパティで背景画像を選択して、その上にテーブルを使ってテキスト等を配置する…それしか思いつかないのですが、他に方法はあるのでしょうか? あと、ページプロパティで背景画像を選択すると、ずっとリピートしてしまうと思うのですがリピートさせない方法はあるのでしょうか? また、大きく重い画像をページプロパティで背景に設定した場合、やはりページの立ち上がりの時間は重くなるのでしょうか? 経験が浅いため、HP制作中にいくつも疑問にぶち当たってしまいます。 どなたか、初心者(私が)と言うことを踏まえて、教えていただけないでしょうか。お願いいたします。

    • ベストアンサー
    • CSS
  • ページと背景画像との境界線の影の付け方

    同じような質問なのですが少し違うのでご質問させていただきました。 ページと背景画像との境界線に影をつけたいのですが 背景の画像はどんなモニターのサイズでも画像の中心やデザインを変えたくなかったので http://webdesignrecipes.com/full-page-background-image-sample-01.html こちらのサイトを参考にcssで背景画像を配置しています。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 背景画像

    新しくHPスペースを借りたので自分のHPの入れたいんですが、背景の入れ方が分かりません そのままだと、そのページだけ背景が真っ白になってしまいます 背景の入れ方を教えて下さい ちなみに、背景に入れたい画像は用意できてます

    • ベストアンサー
    • HTML
  • 背景画像の表示について

    こんにちは。 初心者ですが、Yahooのジオシティーズでホームページを作っています。 今、頭を悩ませている要因が、背景画像についてです。 自作した画像があるのですが、それをアップデートしたURLでは、画面に収まりきるサイズだったのです。 でも、いざトップページに配置したら、なぜか勝手に拡大表示されている上に、スクロールバーが出ていません。 おかげで上下左右が見切れ、画像も荒くなってしまいました。 さらに、画像の繰り返しをしない設定(background-repeat:no-repeat;)をしたにもかかわらず、反映されていませんでした。 HTMLタグでもスタイルシートでも試してみましたが、同じような結果です。 イメージで配置したところ、サイズは同じように拡大されてしまいましたが、スクロールバーは出ました。 私の理想とする設定は、 【作ったままのサイズで  右端中央にひとつだけ表示し  画面サイズを超えてしまったパソコン(小さいノートパソコンなど)ではスクロールバーが表示される】 といったところでしょうか。 初心者なりに勉強して、HTMLやスタイルシートについては多少なりとも理解できるつもりです。 どうか、ご教授願います。

  • 背景画像が切れてしまう

    HPビルダーで作っています。 背景画像のファイル、1000×1200のものを使用してページを作ったのですが、パソコンによって、背景画像がつながって見えるようで、画面の右側10センチくらい、つぎはぎのようになってしまっています。 下へ行ったときも同じです。 ビルダーで、ページの大きさを幅800で指定しているのですが、直りませんでした。 どのようにしたらツギハギのようにならない1枚の背景画像として入れることが出来るのでしょうか。 また、ビルダーで幅を設定してもあまり意味はないのでしょうか。 お願いします。

  • 背景画像

    こんにちは。背景画像を探しています。イメージとしては、シンプルで 以下のリンク先にある、指輪画像の背景のような感じです。 http://jp.bulgari.com/productBrdDetail.jsp?prod=AN854631 いろいろとネットで調べたのですが、なかなかこのようなシンプルな感じで 上の方に行くにしたがって、色が薄くなっていくような背景画像に行きつきません。 調べ方としては、Googleで、背景画像、シンプル とかで検索していっているのですが。 なにか、アドバイスなり、このようなサンプル画像を購入できるサイトをおしりでしたら、 教えてください。お願いします。

  • テーブルの背景画像をランダムで表示する

    恐らくJavaScriptだと思うのですが、テーブルの背景画像をランダムで表示するにはどうすればいいんでしょうか? ページ全体の背景をランダムで表示するソースは見つかったのですが・・。

専門家に質問してみよう