• 締切済み

ホームページ背景画像

過去の質問何度もみましたが分からないので教えてください。 ホームページビルダー11を使っています。 ページの上に728×142程度の背景を起きたいのですが 背景画像をダウンロードするとページいっぱいに表示されます。 ダウンロードはやはり横長の背景をダウンロードしなけらば、 ならないのでしょうか？横長の背景をダウンロードして、repeatしないようにするとかしないと駄目でしょうか？ 背景画像（ページいっぱいに表示されます）気に入っているので 使いたいのです。 ホームページ作ったばかりで、まだ勉強中なのでできましたら、 素人にも分かりやすく説明していただければ助かります。 よろしくお願いします。

  • kwiim2
  • お礼率54% (112/206)

みんなの回答

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.2

　ホームページビルダーでは、repeatする背景画像を挿入する方法がありますが、↓ http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/key/E81673D6688B840C4925727C000D7C0B?opendocument 　大きさの決まった一枚の背景画を置くためには、 １　まず希望の大きさの背景画を用意します。↓ http://www.setuyaku-city.net/biruda/art_zukei/hpaz30.html ２　「HTMLソース」の編集画面で、スタイルシートを使って記述します。↓ http://www.tohoho-web.com/how2/bgimage.htm#bgcenter 具体的には、このような記述になります。↓ <html> <head> <!-- ここから --> <style type="text/css"> <!-- body { background-image: url(http://oshiete1.goo.ne.jp/images_goo/goo_h1_50b.gif); /* url内にはがぞうを指定 */ background-repeat: no-repeat; background-position: center center; } --> </style> <!-- ここまでを、このように<head>～</head>の間に入れます。 --> </head> <body> 予め望みの大きさの背景画像を用意し、<br> head部にstyleシートを記述し、<br> url内に、背景画像を指定します </body> </html>

kwiim2
質問者

お礼

早々とご解答ありがとうございます。とっても分かりやすかったです。 HTMLまで書いていただきありがとうございました。

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.1

Webサイトの背景画像ですか？見る人のスクリーンサイズがさまざまなので注意したほうが良いです。 自分の環境に適したスクリーンサイズで背景画像の大きさを決めると、それより大きいスクリーンでは背景画像がぴったりはまらずrepeatになるし、小さいスクリーンでは背景画像が途中で切れます。 Webページの背景画像をどの環境でもぴったりと画面にはまるように表示させることは出来ません。 repeat出来るようなものにするか、上下左右の端に１つ表示するのがベストではないかと。 切れ目をぼんやりさせて端っこに画像をひとつ送って言うのもなかなかカッコいいですよ。

kwiim2
質問者

お礼

早々とご解答ありがとうございました。 環境の違ったスクリーンでは、こうなるとは知りませんでした。 そうですね、上下端に...カッコいいですね、試してみます。 ありがとうございました。

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • ホームページビルダーの画像背景を透明したい

    ホームページビルダーの画像背景を透明したい ホームページビルダー１２を使用しています。 ページに色のついた壁紙を設定し、素材集からアニメーション画像を貼りつけました。 その画像の背景が白色なのですが、画像背景を透明にすることはできるでしょうか？ よろしくお願いたします。

  • ホームページの背景画像が途切れてしまう。

    こんにちは。 現在、ホームページを作っているのですが、背景画像で困ってしまって質問しました。 ホームページはhtmlとCSSを使って、ホームページビルダーで作っています。 bodyに背景画像１を設定しています。 ホームページの内容は <div></div>の中にinnerというclassを作って スタイルシートで40ｐｘ×40ｐｘの背景画像２を「repeat」指定しています。 この背景画像２が、IEでは表示されているのですが、firefoxやchromeだと下のほうで 途切れてしまいます。 それも、ちゃんと表示できてるページと、途切れてしまうページの２種類があります。 原因を自分でも探してみたのですが、見つかりませんでした。 もし、知っている、気付いた方がいらっしゃったら教えていただけませんか？？ よろしくお願いします。 ちなみに、下記はスタイルシートに記載しているものです。 --------------------------------------------------------------------- body{ text-align:center; margin-right : auto;margin-left : auto; background-image : url(mokuteki/taiiku/bg_brown.png); background-repeat: repeat; font-size : 90%; padding-top : 0px; padding-bottom : 0px; margin-top : 0px; margin-bottom : 0px; } #wrap{ text-align : center; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : auto; width : 100%; padding-top : 0px; } .inner{ text-align : left; margin-top : 0px; margin-left : auto; margin-right : auto; width : 900px; background-image : url(images/bg_white.png); background-repeat : repeat; } -----------------------------------------------------------------

  • ホームページの背景画像について

    ホームページの背景画像について聞かせてください。 http://townmarket.jp/ http://townmarket.jp/CSP/img/bg_cmn_main_l.gif ページはどこでもよいのですが、上のページを例として使わせていただきました。 メインページの左右に 影のようなものができています。テーブルレイアウトで、 二番目の小さな画像を使っているようなのですが、 小さな画像を（長いではなく<黒><白-----------><黒>） ページの左右にrepeatさせる方法は、どうしたらよいでしょうか。 できれば複数教えていただけるとありがたいです。

  • ホームページの背景について

    こんにちは。 ホームページ作成初心者の者です。ホームページビルダー７を用いて作成しています。 今、トップページの背景画像を考えています。 私は大きな写真を少し黒でぼかしを入れて、これを背景にしたいのですが、自分なりにやってみたところ、スクロールが縦、横に出てきてしまい、不恰好な形になってしまいました。 自分では、どのPC、ブラウザから見ても、スクロールの無いトップページが表示されて欲しい【画面いっぱいに一枚の写真が表示されてほしい】のですが、それは可能でしょうか？せめて横のスクロールは表示されないよう、写真の加工や、ホームページの設定を行いたいです。 よろしくお願いします。

  • FC2ホームページ、背景画像がどうしても表示されません。なぜでしょうか？

    FC2ホームページ、背景画像がどうしても表示されません。なぜでしょうか？ ＦＣ２ホームページで、 ・背景アップロード済み、 ・そのＵＲＬでリンク張って表示。 ・ＣＳＳで背景指定しても駄目。 ・ビルダーで製作後、アップロードすると背景が表示されずに真っ白け。 という状況です。 ほかにやる手立てはあるでしょうか？ それとも、もともとＦＣ２は背景画像表示されないのでしょうか？ よろしくお願いします。

  • ホームページに乗せる画像の背景透明化

    ホームページに載せるための画像をペイントで描きホームページビルダー13を使って画像の背景を透明化したのですが、背景以外の必要な白まで透明化されてしまいます。背景の白だけを透明化することはできないのでしょうか？

  • ホームページビルダーで背景画像がうまくいかない

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

  • ホームページ背景に画像を敷きたいのですが．．．

    ホームページの背景に画像を敷こうと、スタイルシートで以下を打っていましたが、ブラウザ上で背景画像が表示されずに困っています．．．。 なぜ、表示されないのか、可能性のあるポイントをお教え下さい。 同じフォルダ内に画像は入っています。 body { background: lightyellow; url(bg026.gif) repeat-y; color: black; margin-left: 9em; margin-right: 9em; } よろしくお願いいたします。

  • ホームページの背景画像について

    ホームページ作成について質問です。 ホームページの背景画像についてです。 1ページが小さい時は問題ないのですが、1ページを大きくしていくと背景の画像が伸びてしまいます。 背景画像を伸びなくするにはどうすればよいのでしょう。 どなたか解決法をご存知の方、教えてください。 ホームページ作成初心者の為、よろしくお願いいたします。

  • ホームページの背景固定

    ページの背景に画像を置いて固定し、文字だけがスクロールするようにしたいのですが、どのようにしたら良いのでしょうか。 ホームページビルダー７を使っています。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する