• 締切済み

ダウンロードした.jog画像が表示されません

htmlとcssを勉強中の超初心者です。ソースを作り背景画像を表示させようとしていますが、マイピクチャーの写真からですと表示されますが、勉強中の本からのパーツをダウンロードした.jpg画像の 背景がどうやっても表示されません。(ビスタ・IE8です)どなたか教えて下さい。お願いします。

みんなの回答

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

まずは、背景じゃなくて、HTMLのimg画像で表示してみたら? <img src="○○.jpg"> 基本的に、サイトは同じディレクトリ内で管理するので、 別のマイピクチャーとかダウンロードフォルダとかに置いとかない・・・ .htmlファイルと同じフォルダに画像を保存するか、その下階層で管理する。 制作中の.htmlファイルと同じディレクトリに保存(移動)した場合、 body{ background: url(○○.jpg);} これで、表示出来なければ、CSSにゴミがあるか優先順が間違っている。

feetoh
質問者

補足

ご回答有難うございました。 cssは下記で操作してます。 #header {width: 760px ; height: 150px ; background-image: url(sample_header.jpg) ; } #header_inner {padding: 20px ; } #header h1 { margin: 0; font-size: 2em; font-family: Verdana, Helvetica, sans-serif ; color: red ; } #header p { margin: 0 ; margin-top: 8px ; font-size: 1em ; color: red ; } 細かくご説明しますと、この url (sample_header.jpg)はデスクトップ式のPCでいろいろ試みましたがIE7→8にしたところこの背景画像は表示されました。(XPです) これと同じようにノートPCで試したところまるで表示されませんでした。(ビスタ) この(sample...)ではなくマイピクチャーの写真を入力すると表示されますのでソースの間違いはないと思います。 正直なにがなんだかわからずご質問させて頂きました。  ご親切なご回答有難うございました。  

  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

指定している画像のパスが間違っているんじゃないかしら?

関連するQ&A