• ベストアンサー

backgroundが反映されない

超初心者です。 htmlを書いていて、背景に画像を設定したいのですが、本のとうりにやっても表示されません。 <body background="img/16.gif"> これでそのページの背景には16.gifというファイルの 画像が表示されるはずなんですよね? 何がおかしいのでしょうか? ちなみに16.gifというファイルは、作成中のページと同じフォルダに保存してあるのですが・・・

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

  • ベストアンサー
  • howsike
  • ベストアンサー率58% (18/31)
回答No.2

「相対パス」での設定方法ですね! 作成中のページと同じフォルダに保存している画像ならば、 <body background="16.gif"> となります。 質問の場合は、作成中のページの中にさらに「img」フォルダがあり その中に画像(16.gif)を保存している時に書きます。 また、作成中のページよりも上にあるフォルダの画像を指定する場合は、 background="../16.gif" と「..」と書きます。

daidaisuki
質問者

お礼

そういうことだったんですね・・・本にはそんなこと一言も書いてなくて(笑)ありがとうございました!!またアホな質問するかもしれませんがよろしくお願いします!

その他の回答 (1)

  • happypoint
  • ベストアンサー率36% (521/1422)
回答No.1

img/ はいらないんじゃないですか?

daidaisuki
質問者

お礼

あー!!できました!! ありがとうございました~

関連するQ&A

  • 背景が表示されない・・・???

    ホームページ作成初心者です。 FFTTPで、画像やイメージ関係を、例えばimgというフォルダに保存して、ローカルで <body background=img/side_line2.gif></body> という設定をしていると、きちんと表示されるのですが、いざホストに、同じフォルダ、同じ画面設定をアップロードしても、背景が表示されません。そのまま上げているので、当然、大文字小文字の間違いや、スペルミスもありません。 imgというフォルダから、表示したい背景を外に出して、表示したい画面設定と同じ階層に持ってくると表示されます。が、それでは、ページ設定と画像関係が混在する階層になり、整頓されていないので、出来ればイメージ関係はフォルダにまとめたいと思っています。 何に気をつければよいのか、よろしければ教えていただけませんでしょうか?よろしくお願いします。

    • ベストアンサー
    • HTML
  • FLASHで「background=""」に変わるもの?

    windows2000 FLASH MX ホームページの作成でHTMLで背景を指定するとき、「background="test.gif"」を使用すると、test.gifは小さい画像でも繰り返し表示して画面いっぱいの背景画像を作り出してくれますが、FLASHでも小さい画像を繰り返し表示して背景画像にする方法はないですか?

    • ベストアンサー
    • Flash
  • ホームページの壁紙の貼りかた

    <body background="***.gif"> でできると思っているのですが、壁紙が表示されません。 私がしたのは、素材集の中から選んで、画像を右クリック→名前をつけて画像を保存→マイドキュメントへ保存 具体的にフォルダに入っているファイル名を入れた場合、 <body background="back-animal1.gif"> になるのですが、この入れ方ではだめなんでしょうか? いろいろ見ても<body background="ファイル名.gif">という説明までしか書いていないので、根本的にどこが違うのかがわかりません。 どうかよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ランダムに背景画像を変える方法。

    掲示板などのCGIの背景をランダムに変えたいのですが、 どうすればいいのでしょうか? あるサイトでは、 @backimg =('img1.gif', 'img2.gif', 'img3.gif'); srand(time); $imgno=rand($#backimg+1); そして $body="<body background=\"$backimg[$imgno]\">"; となっていたのですが、これをCGIに埋め込んでもうまく動きません。 (img1.gifしか表示されません。) どうすれば背景画像をランダムに変化させることができるのでしょうか?

    • ベストアンサー
    • CGI
  • 画像が表示されません

    お世話になっています。 ホームページビルダー9とFFFTPを使って、HPを作ろうとしています。 トップページはなんとかアップできたのですが、 下位ページで、画像がアップできずに困っています。 「HP」フォルダにhtmやhtmlファイルを保存しています。 「HP」フォルダの中に「img」フォルダを作成し画像を保存しています。 今回表示できないファイルはgifで、ビルダー9のロゴ作成から作ったtop.gifと言うgifと、無料の素材屋さんから頂いたkouji.jpgと言うjpgファイルです。 これらも「img」フォルダに保存されています。 FFFTPで転送する際には、「img」フォルダとそれぞれのファイルも転送しました。 jpgの方は、imgフォルダに保存してからビルダーに張り付けたので、名前が間違っていると言うことはないと思われます。 実際、双方ともローカルでは表示されています。 解決方法を教えていただきますようよろしくお願いします

  • ホームページビルダー2001

    をつかってHPを作ってるものなんですが、自分のPCのMy Pictureにダウンロードした素材(背景)を使いたいのに、使えません。 タグで<body background="●●●.gif">とやると表示できないし 上にあるバーの[挿入]→[背景画像ファイル]からやると <body background="My Pictures/●●●.gif"> となって転送先のフォルダーが正しくないとかいう表示が出てきて・・・。 どうしたらいいでしょうか。言葉足らずかもしれませんがお願いします。

    • ベストアンサー
    • CSS
  • バックグランドイメージが表示できません

    <body id="top"> </body> css-------- body#top { background-image: url("images/background.gif"); } 上記のように書いたのでは、背景にイメージ表示できません。 使い方が間違っているのだと思うのですが、どのようにしたらいいのでしょう?何方かお分かりになる方、教えていただけませんか?おねがいします。

    • ベストアンサー
    • HTML
  • スタイルシートで背景画像を指定

    今までbodyタグで背景を指定していたのですが、スクロールバーや余白の設定で スタイルシートを使うことになったので、背景画像もスタイルシートで指定することにしましたが、何度やっても表示されません。 このように書いてみました。 <style type="text/css"> <!-- BODY { background-image:url(img/28.gif); } BODY { 余白の設定} BODY {スクロールバーの設定 } --> </STYLE> htmlと同じフォルダの中にある、imgフォルダの28.gifという画像です。 画像のパスは間違っていません。アップロードもしてあります。 スタイルシートの解説をしているサイトさんを見ても、 何が間違っているのかわかりませんでした。 なぜ背景が表示されないかわかる方いらっしゃいますか? 余白やスクロールバーはきちんと表示されているのですが・・・

    • ベストアンサー
    • CSS
  • CSSでの画像指定について。

    CSSでの画像指定について。 ファイルパスの指定について教えてください。 フォルダ1の中に「sample.html」、「sample.css」、「img」フォルダが入っており、 「img」フォルダの中に、「nature_01.gif」が入っています(下図)。 -------------------------------------------------------------------------- フォルダ1 L sample.html L sample.css L img(フォルダ)  img(フォルダ)  L nature_01.gif   ---------------------------------------------------------------------------- このファイル構成だと、sample.css の中で 『background-image:url(/img/nature_01.gif)』のようにパスを指定すれば良い と理解していたのですが、背景に画像が表示されませんでした。 その後、下記のように修正すると、画像が表示されるようになりました。 firefox3.5 →修正後は画像が表示される。 Internet explore 8 →修正前、修正後ともに表示されない。 ----------------------------------------------------------------------- 【修正前】 #contents{ width:750px; background-image:url(/img/nature_01.gif); 【修正後】 #contents{ width:750px; background-image:url(../img/nature_01.gif); ------------------------------------------------------------------------ OS・・・windows xp なぜ、こうなるのか、わかるかたがいましたら教えてください。 よろしくお願いします。

  • background-imageが効かない

    HTML5で組んだページでCSSを使っています。 bodyタグに設定したbackground-imageは背景に画像が表示されるのですが、body内に置いたid名をつけたdivタグに設定したbackground-imageが効きません。どのようにすれば効くのでしょうか。 【効く】 body { background-image: url("./images/haikei.jpg"); } 【効かない】 #contents { background-image: url("./images/haikei.jpg"); } そもそも、HTML5でdivタグを使うこと自体が誤りなのでしょうか。

    • 締切済み
    • CSS