• ベストアンサー

背景用イメージの表示位置

ＰＣ初心者です。 今、ＨＴＭＬでＨＰを作っています。 しかし、背景イメージが思うように貼り付けできません。画面の上側にカーテンのような画像を入れたいのですが、ページ全体に出てしまいます。 スタイルシートでも使うのでしょうか？教えてください！

質問者が選んだベストアンサー

  • ベストアンサー
  • pk7743
  • ベストアンサー率23% (211/896)
回答No.1

以下のようにすれば出来ます <BODY STYLE="background-image:url(***.jpg); background-repeat:no-repeat;">

noano-hakobune
質問者

お礼

とっても参考になりました。 本も参考にしながらできました。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

あるいは background-repeat:repeat-x;

noano-hakobune
質問者

お礼

こちらの方も使ってやりました。 参考になりました。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • 背景画像の表示について

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

  • HTMLの背景画像の表示位置を変更する方法

    HTMLの背景画像の表示位置を変更する方法 質問させてください。 HTMLの背景画像ですが、スタイルシートのbackground-positionを使用すれば表示位置を変更することが可能です。 同様の機能をスタイルシートを使用せずHTMLタグのみで実現できないでしょうか？ 例えば、<body background=""></body>タグにさらに何かの属性を追加する、などです。 ご存知の方がおられましたら、是非ともお教えください。

    • ベストアンサー
    • HTML
  • 背景色を２色表示させたい

    ＨＴＭＬを始めたばかりの初心者です。 スタイルシートを使ってメール用のひな形を作っているのですが、わからないところがあるので教えてください。 どの本やサイトを見ても背景色を２種類表示させる指定が載ってないのです。 そういったことは可能ですか？ たとえば上から７０ピクセルをＡの色で表示させ、その下から全てをＢの色で表示させたいのです。さらにＡの色の上に背景透過性の画像を横並びで表示させたい・・（画像の背景色は使いたくないので）。 メールのひな形ですのでテキストは一切入力しません。画像のみです。 稚拙な質問ですみません。よろしくお願いします。

    • ベストアンサー
    • HTML
  • 2つ画像を背景にするスタイルシートってある？

    1つの画像をスタイルシートで背景にするのは、知ってるんですが、2つの画像を同じページに背景にはできるのでしょうか？下記は1つの画像を背景にするスタイルシートです。これのどこかをいじれば可能なのでしょうか？ <STYLE TYPE="text/css"> <!-- 　　　BODY { 　　　　　　background-image:素材のURL; 　　　　　　background-position:0% 100%; 　　　　　　background-repeat:no-repeat; 　　　　　　background-attachment:fixed; 　　　　} --> </STYLE>

    • 締切済み
    • CSS
  • 背景の表示が出来ません。

    ただいまHPを作成中なんですが、背景が表示されなくて困っています。 右下に背景固定して使いたいのですが・・・どう頑張っても表示されません； <HTML> <HEAD> <TITLE>タイトル</TITLE> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image : url("haikei.png"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </style> </HEAD> ココに文章 </BODY> </HTML> と言う風になってるんですが、 友人は間違ってないと言っていますが画像は表示されてないようです。 何かおかしな点とかはありますでしょうか。 自分のパソコン内(アップしないでマイコンピュータで見る)でだと普通に表示されています。 アップすると見れなくなるのです。 何故なのでしょうか (既に色々出ていたみたいですがよく解らなかったので＾＾；)

  • 背景画像にリンク

    背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に２分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を２分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 （IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください＾＾；）

  • 背景イメージの重ね表示

    こんにちは。 MTを使ってテンプレートを作っているのですが、サイドバー全体の背景の上に、別な背景を表示させようとしています。 例えば以下のようなかんじです。 <style type="text/css"> .bg { 　background-position: left; 　background-repeat: repeat-y; 　background: url("./img/bg.gif"); } .fg { 　padding-bottom: 100px; 　background-position: bottom; 　background-repeat: no-repeat; 　background-image: url("./img/fg.gif"); } </style> 　　　　　　： 　　　　　　： <!-- ▼サイドバー▼ --> <div class="bg"> 　　<div class="fg"> 　　　　　　： 　　　　　　： 　　</div> </div> <!-- ▲サイドバー▲ --> IE だと全体の背景が前面にでてしまい、ホントは前面に表示されて欲しい別な背景が消されてしまい困っています。※Firefox などでは問題ない。 サイドバー全体の背景の上に別な背景を表示させたい場合には、どのようにすればいいのか教えください。 よろしくお願いします。

  • 背景画像が反映されない

    以下スタイルシートとＨＴＭLを記入しましたが背景画像が反映されません。 ＣＳＳ .ta1 { background-image: url(../images/staff.jpg); } ＨＴＭＬ <table class="ta1"><tr><td>aaaaaaaa</td></tr></table> 何がまちがっているんでしょうか？　画像の位置は間違っていません。

    • ベストアンサー
    • HTML
  • ウィンドウサイズにあわせた背景画像の大きさの変更

    今スタイルシートで背景を固定したページを作っています。 この固定背景をウィンドウサイズにあわせてサイズ変更したいのですが、ＨＴＭＬで可能でしょうか？ 例えば、800×600を全画面で1024×768とした時、背景に表示される画像は800×600の時のを拡大したもの、というのが理想なんですが・・・。 過去の質問も検索したのですが、検索の仕方が悪いのか、どうもいい感じにならないので・・・。 因みに、現在下記で書いてます。 -------------- <style type="text/css"> <!-- body{background:fixed url(画像) #ffffff no-repeat top left} --> </style> ----------- よろしくお願いします！

    • ベストアンサー
    • HTML
  • 背景の透明化教えて下さい　＊画像の上に画像

    WEBを作る際に画像の背景をGIFで背景を透明化を選択して保存すると、周りがギザギザになってしまいます。 マットで処理できればいいんですが、その画像の下にHTMLで画像での背景があるため、Backgroundの色が指定ができないんです。 画像自体にページ背景を合わせて保存すればと思ったんですが、HTMLページ全体の背景（リピート）になってるので、画面のサイズを変えるとその背景も移動するため、画像に背景をつけて保存してもどうしようもない状態です。 なんか背景背景ばっかでこんがらがりますよね汗 要は画像１（ページ背景）の上に画像２（ロゴ）の背景を透明化させたものをWEBで表示したいんです。 PhotoShopでもFireworksでも大丈夫です。 どうかご指導よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する