2016-10-11 10 views
0

私は同じディレクトリにHTMLファイルとCSSファイルを持っていますが、プロジェクトを実行するとCSSはロードされず、HTMLだけが表示されます。下記のHTMLコードです:CSSはHTMLにリンクしていません

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

私はファイル名だけを使用してみました、私はちょうどその特定のページをロードした場合、それは動作しますが、私はプロジェクトを実行すると、CSSはロードされません。

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

は、私はまた、キャッシュせずに再読み込みするCTRL + F5を使用してロードしようとしたが、うまくいきませんでした。
EDIT:
私は、端末上でこれを取得しています:

Not Found: /afc/afc.css 
[11/Oct/2016 18:55:30] "GET /afc/afc.css HTTP/1.1" 404 2853 

私はジャンゴを使用しています。 「同じディレクトリに」

+0

は、ウェブサイトのドキュメントルート内のパス '/ afc/Templates/afc/afc.css'ですか? –

+0

はい。それはウェブサイト – ashwinx

+0

のルートディレクトリの中にあります。「プロジェクトを実行すると、CSSはロードされません。」:ここには情報がありません:使用しているIDEは何ですか?実行コンフィギュレーションは何ですか? – Xenos

答えて

1

DjangoのHTMLファイルは静的ではなく、テンプレートです。それらは静的サーバによって提供されるのではなく、Django自身によって解釈されます。だから、あなたのCSSファイルをHTMLファイルと同じディレクトリに置く必要はありません。おそらくうまくいかない。

代わりにCSSを静的ディレクトリに置き、Djangoの{% static %}タグを使用してCSSにリンクします。また、静的ファイルを展開する方法については、ドキュメントを参照してください。

+0

ガイダンスをありがとう。 – ashwinx

0

しかし、あなたは「絶対」パス/afc/...を使用。相対的なものを使用してくださいafc.css。それのHTMLコード以来、「相対」パスは現在のURIに相対的であることを


注意。したがって、CSSファイルがHTMLと同じフォルダにあり、サーバーがリダイレクト(つまり、RewriteRule ^/?$ /bla/bla/index.html [L])を挿入している場合は、CSSファイル(RewriteRule ^styles\.css$ /bla/bla/styles.css [L])もリダイレクトする必要があります。

あなたのCSSファイルに直接アクセスしてみてください。そのURLは何ですか? HTMLページURLとは何ですか?適切な相対パスを設定することができます。

+0

私は試したが、うまくいかなかった。これは、プロジェクトを実行するときではなく、ページを個別に読み込む場合にのみ機能します。 – ashwinx

0
<head> 
<link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head> 
+0

これはどのようにしてOPに役立ちますか? –

-1

同じフォルダにcssファイルとhtmlファイルがある場合は、完全なパスを使用する必要はありません。タイプミスをチェック!

+0

まだ打ち間違いはありませんが、まだ動作していません。 – ashwinx

関連する問題