デザインでは表示されているのですが、ブラウザで確認しようと思っても背景画像が表示されません。コードです。なにが原因なのでしょうか？教えてください。

ドリームウィーバで背景画像が表示できない

解決済

質問者：redo
質問日時：2008/10/06 12:23
回答数：3件

デザインでは表示されているのですが、
ブラウザで確認しようと思っても背景画像が表示されません。

コードです。

<style type="text/css">

</style>
</head>
<body>
<div id="contents">
<h1></h1>
<h2></h2>
</div>
</body>
</html>

なにが原因なのでしょうか？
教えてください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： fujillin
回答日時：2008/10/06 19:02

現在の画像のフォルダ構成が、ご自分のPC上で

　../デスクトップ/商品写真/top10.JPG

となっていると思われますが、これを
　../desktop/photo/top10.JPG

などと（英数文字に）修正した上で、ドリームウィーバで表示を確認し、その後、関係するものをアップし直してみてください。
これで、表示されるようになるはずですが・・・

この回答への補足

なんとか出来ました（＾－＾）
ありがとうございます。

ドリームウィーバーのテキストのフォルダはマイドキュメント内に、
商品写真のフォルダはデスクトップ上にしてたのが原因だったとおもいます(+_+)

ただ、desktop/photo/top10.JPGに直したのですが、
desktopが→デスクトップに勝手に変わりました。

補足日時：2008/10/06 20:50

通報する

- 0
- 件

通報する

No.2

回答者： tenderfeel
回答日時：2008/10/06 18:18

background-image: url(../../%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/%E5%95%86%E5%93%81%E5%86%99%E7%9C%9F/top10.JPG);

▼

background-image: url(../../../../top10.JPG);

フォルダ（ディレクトリ）名に半角英数と一部記号以外の文字が入ってると上記の様な文字列になります。
「../」で一つ上のディレクトリを指す表現（相対指定）になりますが、
background-imageが記載されているファイルから見て、top10.JPGの位置を相対的に指定しなければ
画像は表示されないので都度変更してください。

- 0
- 件

通報する

No.1

回答者： 04510
回答日時：2008/10/06 12:44

違っていたらすみません。

url(../../%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/%E5%95%86%E5%93%81%E5%86%99%E7%9C%9F/top10.JPG);

普通に../../top10.jpgとか、../../picture/top.jpgとか
フォルダーの名前を簡単にしてみたらいかがでしょうか？
もちろん、英数字のみです。