WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ドリームウィーバーで表示される背景画像が、ブラウザで表示されないのです。。

0:[投稿] いちこ [2005/08/02 15:23 ][環境:Mac OSX Safari 設定してない]

CSS(外部読み込み)でヘッダー部分の画像を設定しています。
ドリームウィーバーでは、正常に画像が表示されているのですが、
ブラウザでプレビューをしてみると、その画像が表示されません。

ブラウザはSafariですが、FireFoxでも表示されませんでした。

どなたか分かる方、教えてください!!

ちなみに、CSSにはこのように入力しています。

#header {
 margin: 0;
 width: 750px;
 height: 120px;
 border-top: 5px solid;
 background-image:  url(/image/●●.gif);
}


1:[回答] www [2005/08/02 19:29 ]

パスが違うのでは?
絶対パス(http://〜)で書いた方が確実です。


2:[質問] いちこ [2005/08/02 19:48 ]

ありがとうございます。
確かに絶対パスで書いたら確実なのですが、ローカルですべて作業をしているので、
ちょっと困ってしまうのです。。

ドリームウィーバーで見れているので、
パスが違っているということはないとは思うのですが。

他に方法はないでしょうか??


3:[回答] AC1号 [2005/08/02 20:57 ]

OSXだとルートディレクトリは物理的には起動ディスクの直下なので、そこにimageフォルダを作成してみる、あるいは実際のimageディレクトリにシンボリックリンクを貼ればできるかもしれません。
MacOSXは知っていても、Dreamweaverは知らないので、保証はできませんが。


4:[回答] 神崎 [2005/08/02 21:39 ]

IEやNetscapeではどうですか?


CSSの定義を

#header {
//省略
}

ではなく

.header {
//省略
}

として、
bodyタグを

<body class="header">

としてみてはいかがでしょうか


5:[完了] いちこ [2005/08/02 21:45 ]

みなさん、ありがとうございます!

いろいろと試してみたのですが、
やはりディレクトリが違っていたようです。。

助かりました!
本当にありがとうございました。


6:[回答] 神崎 [2005/08/02 21:47 ]

たぶん、上のは関係なさそうですね。

> background-image:  url(/image/●●.gif);
ファイルへのパスですが、
/image/●●.gif
とすると、
safariではfile://macintosh HD/image/●●.gifを、ファインダーで表示しようとするようです。

ルートからの絶対パスではなく、htmlからの相対パスか、
ルートからの絶対パスで書く必要があるなら、Macintosh HDからのパスを書かないと、表示できないのではないでしょうか。


7:[質問] はな [MAIL] [URL] [2005/08/22 10:40 ]

私もいちこさんと同じ様な質問です. ドリームウィーバーで表示される写真がブラウザーで表示されないなど困った状態です. 私のコンピュータもMAC, OSX、 SAFARIを使ってます. 
ちなみにデレクとリーは machinetosh HD/user/hana/japamiamiとなってます。

リモートフォルダーのimage folderにもちゃんと写真のfileはあるのにブラウザーで見ると?と表示されてます. どうしたらいいでしょうか?


8:[回答] 神崎 [2005/08/22 15:37 ]

ファイルが見つからないとなるのではなく、?アイコンだけ表示されると言うことでしょうか。

画像をドラッグ&ドロップでブラウザのウインドウに落としてみると、ちゃんと表示されますか?
表示されていなければ、ファイルが破損していると思いますので、画像を作り直してください。


9:[回答] はな [MAIL] [URL] [2005/08/22 16:00 ]

見つからないというメッセージはでてきません。ただクエスチョンマーク 「?」で表示されているのです。 

画像をフラウザのウィンドー落としてみるとはどういうことでしょうか?

画像の寸法をかえたのでもしかしたら寸法を変更後の写真がsaveされてないのでしょうか?すみませんがよろしくおねがいします。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World