[Expression Web]CSSを外部化するとbackground-imageが表示されなくなってしまいます。

■1738 / inTopicNo.1)　CSSを外部化するとbackground-imageが表示されなくなってしまいます。

記事内容:[Expression Web]　

はじめまして。

Expression webを使用してサイトを作っているのですが、
CSSを外部化したらbackground-imageが表示されなくなってしまいます。
外部化せず、プレビューで確認してみるとちゃんと表示されるのですが。

記述は以下の通りです。

---CSSファイル---
#header {
background-image: url('image/header-bg.gif');
background-repeat: no-repeat;
width: 700px;
height: 71px;
}

---XHTMLファイル---
<div id="header">
<p>テキスト文</p>
<p>
<a href="http://○○○/"><img alt=""src="image/header-text.gif" width="411" height="30" /></a></p>
</div>

ご存じの方、よろしければ表示させる方法を教えていただけますでしょうか？
よろしくお願いいたします。

■1739 / inTopicNo.2)　Re[1]: CSSを外部化するとbackground-imageが表示されなくなってしまいます。

まず、念のため確認させていただきたいのですが、Webサイト管理機能を有効にしていますか？
[サイト]→[サイトの設定]をクリックして、サイトの設定ダイアログボックスを表示し、[全般]タブに「隠しメタデータファイルを～」のチェックはついていますか？

どうぞよろしくお願いします。

■1740 / inTopicNo.3)　Re[2]: CSSを外部化するとbackground-imageが表示されなくなってしまいます。

wanichan 大御所 さま

お忙しい中、早々にご回答くださいましてありがとうございます。

「隠しメタデータファイルを～」にチェックは付いておりました。

ご回答をいただける間、自分でも色々調べていたところ、
「../」というようなフォルダの階層を現す記号をつけないと表示されないときがあるとのことでしたので、
つい今しがた試したところ、ちゃんと表示されるようになりました。

お騒がせして申し訳ありませんでした。

よろしければもうひとつ教えていただきたいのですが、
Expression webでは、今回のようなbackground-imageの画像を指定をしたときに、
自動でフォルダの階層を認識して「../」のような記号をつけてくれることはできないのでしょうか？

何度もすいません。
よろしくお願いいたします。

■1741 / inTopicNo.4)　Re[3]: CSSを外部化するとbackground-imageが表示されなくなってしまいます。

# えっと、「大御所」は投稿数に応じて自動的につけられるものです。
# 「大御所」は無視してください。

background-imageに指定されたファイルを、フォルダ一覧作業ウィンドウから任意の場所に移動すると、自動的に更新すると思うんですが・・・。

ためしにその画像をマウス操作で上階層に移動すると、自動的に
../ が付加されましたよ？

■1742 / inTopicNo.5)　Re[4]: CSSを外部化するとbackground-imageが表示されなくなってしまいます。

wanichan 様

＞# えっと、「大御所」は投稿数に応じて自動的につけられるものです。
＞# 「大御所」は無視してください。

そうだったんですね。そうとは知らず失礼しました。

ご返信いただいたとおりに試したらできました。

イラストレーターやフォトショップで作成したgif画像が、
「My Web Sites」ではなく、
なぜか共有ドキュメントにしか保存できなかったので、
いつも画像を挿入するときは、
「参照→共有ドキュメント」から読み込んでいました。
（相変わらず共有ドキュメントにしか保存できないでいますが・・・。）

本当に助かりました。ありがとうございました。
最近初めてホームページを作り始めたばかりなので、
またお訊ねさせていただくことがあると思いますので、
何卒よろしくお願いいたします。

問題は解決しましたか？

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください！

▲このページのトップへ