Quantcast
Channel: Adobe Community : 人気のディスカッション - Dreamweaverコミュニティフォーラム (Japan)
Viewing all articles
Browse latest Browse all 52881

外部CSSが適用されない問題

$
0
0
Dreamweaver8
WindowsXP sp2

Dreamweaver8を最近購入したばかりの初心者ですが、テンプレートに外部CSSを適用した場合に起こる問題についてお尋ねします。

他の某大手ナレッジ版でも質問してみたのですが、解決法が未だ見つかりませんでしたので、こちらで質問させて頂きます。初歩的な質問ですがご容赦ください。

現在、1つのサイトをサンプルとして構築しています。
ディレクトリは以下の通りです。

[サイト -SampleWebSite-]
   |—[Templates]
   |   |—[style.css]
   |    L—[template.dwt]
   |
    L[index.html]

※拡張子の無いものはフォルダを表します。

index.htmlファイルへCSSを適用させたいのですが、適用されない状態に陥っています。

cssは、外部スタイルシートファイルを用意(style.css)し、テンプレート(template.dwt)に対して、CSSスタイルパネルの[スタイルシートを添付]ボタンより設定し ています。

結果、テンプレート(template.dwt)に対してはCSSが適用されるのですが、HTMLドキュメント(index.html)にはCSSが適用されていない状態です。

原因としましては、テンプレート(template.dwt)のソース(〜内)には、

<link href="style.css" rel="stylesheet" type="text/css" />

と記述されているのに対し、index.htmlのソース(<head>〜</head>内)には、

<link href="Templates/style.css" rel="stylesheet" type="text/css" />

と記述されるべきところが、

<link href="style.css" rel="stylesheet" type="text/css" />

と記述されており、CSSファイル(style.css)へのパスがTemplates/style.cssへと書き換えられておらず、style.cssがindex.htmlへリンクして いないことが要因であると思われます。

テンプレートを用いて、尚且つ外部スタイルシートにてサイトのスタイルを管理する場合、上記のケースにおける原因は何でしょうか。

手打ちでテンプレートに対してCSSファイルへのパスを、Templates/style.cssのように書けば、index.htmlに対してスタイルの適用は可能ですが、そうすると、今度 はテンプレートの修正時、デザインビューでテンプレートを閲覧すると、CSSが適用されていない状態に陥ります。

操作上の注意点、もしくは何か問題要因になりそうな点、もしくは解決法がありましたら、アドバイスよろしくお願い致します。

Viewing all articles
Browse latest Browse all 52881

Trending Articles