2017-05-04 15 views
0

静的ファイル(CSSおよびイメージ)がDjangoプロジェクトに正しく読み込まれている理由がわかりません。私はバックグラウンドイメージをCSSバックグラウンドで設定したいとき:url( 'images/mypic.png')(私はurl( '../ images/mypic.png')を試しました))anditはまったく動作しません。Djangoは静的ファイルからイメージをロードできますが、CSSは使用しません

画像をimgタグではなく、私は

{% load static staticfiles cms_tags menu_tags sekizai_tags %} 
 
<!doctype html> 
 
<html> 
 
    <head> 
 
     <title>{% block title %}This is my new project home page{% endblock title %}</title> 
 
     <meta name="viewport" content="width=device-width,initial-scale=1"> 
 
     <link rel="stylesheet" href="{% static 'css/styles.css' %}"/> 
 
     {% render_block "css" %} 
 
    </head> 
 
    <body> 
 
     {% cms_toolbar %} 
 
     <div class="container"> 
 
      <header> 
 
       <nav> 
 
        <div class="nav_logo"></div> 
 
        <ul class="nav"> 
 
        {% show_menu 0 100 100 100 %} 
 
        </ul> 
 
       </nav> 
 
      </header> 
 
      <main class="container"> 
 
       <img src="{% static 'images/logo_aasev.png' %}" alt="Photo de montagne" /> 
 
       <div style="background-image: url('{% static "images/logo_aasev.png" %}')"></div> 
 
       {% block content %}{% endblock content %} 
 
      </main> 
 
      <footer> 
 

 
      </footer> 
 
     </div> 
 
     {% render_block "js" %} 
 
    </body> 
 
</html>

と私のCSSのCSSを呼び出すdiv要素にロードされます。

* { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
header { 
 
    width: 100%; 
 
    background-color: #000; 
 
} 
 

 
nav { 
 
    width: 90%; 
 
    margin: 0 auto; 
 
    padding: 10px 0px; 
 
} 
 

 
.nav { 
 
    padding-left: 0; 
 
} 
 

 
.nav li { 
 
    display: inline; 
 
    list-style-type: none; 
 
    padding-right: 20px; 
 
} 
 
.container { 
 
    width: 940px; 
 
    margin: 0 auto 
 
} 
 
.content { 
 
    float: left; 
 
    width: 80%; 
 
} 
 
.sidebar { 
 
    float: left; 
 
    width: 20%; 
 
} 
 

 
.nav_logo { 
 
    background: white url("../images/logo_aasev.png") no-repeat right bottom; 
 
}

そして、プロジェクト構造である myprojectに -mysite -static -css Styles.cssを -images logo_aasev.png -templates base.html のinitの.py settings.py urls.py wsgi.py manage.py など...

Django設定で何か不足しましたか?私が奇妙なのは、静的ファイルが適切にロードされているということです。

+0

ブラウザのコンソールにエラーがありますか? –

+0

[05/May/2017 01:30:51] "GET/fr/HTTP/1.1" 200 988 [05/May/2017 01:30:51] "/static/css/styles.css HTTP/1.1を取得してください"200 514 [05/May/2017 01:30:51]" GET /static/images/logo_aasev.png HTTP/1.1 "304 0 ページを読み込むと何が起こるのですか、実際には何も間違っています – onizukaek

答えて

0

私はそのDjangoの問題を考えません。 CSSファイルの.nav_logoheightwidthのプロパティを設定しようとするだけで、背景サイズも設定する必要があります。

+1

CSSの問題は、あなたはほとんど右の幅を設定していたと高さは十分ではありません、あなたはまた、バックグラウンドサイズを設定する必要があります。とにかくヒントをありがとう – onizukaek

関連する問題