お世話になります。先日、htmlタグで背景に画像を敷き詰める方法について投稿させていただきアドバイスをいただきましたがいざ実行しましたところ、背景表示されず全くの空白の状態でした。
わたくしのやり方が間違っているのか?と思いますので再度投稿させていただきました。
”背景に同じ画像を1つではなくたくさん敷き詰める方法”です。
どなたかアドバイスをお願いいたします。
※ちなみに前回いただきましたアドバイスは
<body background="back1.gif"> を<HEAD>から</head>の間に宣言してください。
back1.gifの部分にあなたが使いたい画像を指定すればokです。
といただきましたが何も反映されません(-_-;)
アドバイス・・お願いいたします。
No.5ベストアンサー
- 回答日時:
どこに何を入れたらいいのかについてはbodyタグにbackground="ファイル名"を入れて<body background="ファイル名">とするのみです。
それでも表示されないのなら<body background="ファイル名">以外の部分に問題があるとしか考えられません。No.6
- 回答日時:
<head>と</head>の間に以下のように記載してみてください。
<style type="text/css">
html,body {
background-image: url(./back1.gif);
}
</style>
bodyがウィンドウ全体を指すとは限りません。
ブラウザによっては、htmlでウィンドウ全体を指す場合があります。
また、背景画像であれば、HTMLよりCSSで指定した方が良いでしょう。
---
↑で表示されない場合は以下を読んでください。
(1)htmlファイルとback1.gifは同じフォルダの中に入っていますか?
もし、違うフォルダに入っているのでしたら、urlを書き換える必要があります。
たとえば、htmlファイルと同じフォルダの中に「img」というフォルダがあり、
この中にback1.gifがあるのでしたら、
url(./img/back1.gif);
と書き換える必要があります。
(2)お使いのブラウザはIEではありませんか?
IEは、一部のgif画像を表示できません。
Firefoxなどのブラウザで確認するか、
jpeg、pngなど別の拡張子のファイルで試してみてください。
No.4
- 回答日時:
もちろんback1.gifの部分は自分のパソコンに存在するファイル名に変えていますよね。
あと、その画像ファイルはhtmlファイルと同じフォルダに入っていますよね。
そうでなければスタイルシート原因として考えられます。スタイルシートを使っているとそちらのほうが優先される可能性があります。他に考えられる原因としては<body>~</body>を2つ以上記述していることが考えられます。
><body background="back1.gif"> を<HEAD>から</head>の間に宣言してください。
>back1.gifの部分にあなたが使いたい画像を指定すればokです。
これは間違っています。bodyをheadの間に入れてはいけません。頭の中に体があるなんておかしいですよね。
この回答への補足
アドバイスも有難うございます。
アドバイスにつきましての回答ですが、スタイルシートは使用しておりません。
あくまでもhtmlタグ使用です。
無知ですみません。。なんか自分の中でこんがらがってしまっている状況ですので
結局何処に何をいれたら良いのか?アドバイスをいただけたら有難いのですが・・
ご迷惑でなければ再度アドバイスの程。。お願いいたします。
No.3
- 回答日時:
#1です。
back1.gifはあなたが作ったものか、素材から取ってきたものかなど、あなたの(ローカルの)パソコンに存在する画像ファイル(この場合はgifファイル)を指定しないといけませんよ。
出来れば、ソース全体を差し支えない範囲で載せてもらえますか。
No.1
- 回答日時:
<head> </head>の次の
<body> </body>の所にします
また、htmlファイルを「myhp」とかのフォルダの下に、gifなどの画像ファイルをその中の「img」フォルダに保存していたら
<body background="myhp/img/back1.gif">
</body>
ですね
この回答への補足
早々のアドバイスも感謝致します。
早速試させていただきましたが、やはり何も反映されません(-_-;)
<body background="img/back1.gif">のback1.gifの部分を自分の表示させたい画像URLを記載すれば良いのでしょうか?
ご教授の程。。お願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
htmlかcssで背景の白い枠をなく...
-
lightbox2で画像を天地左右中央...
-
同じ画像 複数回使用
-
【ウェブ構築】DIVの背景を斜め...
-
画像とその下にあるテキストの...
-
【至急お助け!】チェックボッ...
-
ネスケで表示されないテーブル背景
-
CSSで背景画像をランダムに表示...
-
スクロールすると追従する画像...
-
ページごとに背景画像を変更し...
-
画像上に文字を表示するとiPhon...
-
コーディング中、右側に謎の余...
-
リストビューのTextBackground...
-
LightBoxの矢印の出し方
-
background-repeat CSS で切れ...
-
IE7の背景の移動について
-
Winで見たときfloatさせたメニ...
-
iframe内をクリックさせない方...
-
ページの上下に白い横線が入る
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
画像の上にテキスト配置で、拡...
-
background-sizeの背景で最小値...
-
【Webサイト】画像が小さく表示...
-
画像とその下にあるテキストの...
-
background-repeat CSS で切れ...
-
【至急お助け!】チェックボッ...
-
iframe内をクリックさせない方...
-
lightbox2で画像を天地左右中央...
-
要素の幅をいろんな写真の幅に...
-
IMGタグで画像の繰り返し使用は…
-
background-sizeでcontainする...
-
同じ画像 複数回使用
-
コーディング中、右側に謎の余...
-
particles.jsの背景の上にテキ...
-
背景画像が半分しか表示されない
-
htmlかcssで背景の白い枠をなく...
-
LightBoxの矢印の出し方
-
画像の上に
-
gif画像でたまに背景がグレーに...
おすすめ情報