質問編集履歴

4 不要部分の削除

PYPP

PYPP score 49

2017/02/13 15:35  投稿

base.htmlのスタイルシートを継承できない
###前提・目標
PythonのDjangoを使いwebサイトを作成しようとしています。そこで、HTMLとCSSを使いデザインを作っています。
###発生している問題・エラーメッセージ
base.htmlに加えて、他のhtmlファイルでtemplatesファイルを構成しています。そこで、他のファイルはextendsによりbase.htmlを継承しようとしています。しかし、post_detail.htmlにて下記のようなエラーが出てしまいました。
![イメージ説明](60b5693d64a4a9668446f19a89fe1438.png)
###ソースコード
base.html(抜粋)
```
<link rel="stylesheet" type="text/css" href="static/css/blog.css">
```  
base.htmlを継承させたいファイルの1つで、継承が**__できている__**ファイルになります。  
post_list.html  
```  
{% extends 'posts/base.html' %}  
 
{% block content %}  
     {% for post in posts %}  
         <div class="post">  
           <div class="date">  
               <!-- {{ post.published_date }} -->  
               {{ post.created_date }}  
           </div>  
           <h1><a href="/post/{{ post.id }}/">{{ post.title }}</a></h1>  
           <p>{{ post.text|linebreaks }}</p>  
         </div>  
     {% endfor %}  
{% endblock %}  
```  
base.htmlを継承させたいファイルの1つで、継承が**__できていない__**ファイルになります。  
post_detail.html  
```  
{% extends 'posts/base.html' %}  
 
 
{% block content %}  
   <div="post">  
 
       {% if post.published_date %}  
           <div class="date">  
               {{ post.published_date }}  
           </div>  
       {% endif %}  
 
       {% if user.is_authenticated %}  
           <input type="button" value="編集" onClick="location.href='/post/{{ post.id }}/edit';">  
       {% endif %}  
 
       <h1>{{ post.title }}</h1>  
       <p>{{ post.text|linebreaks }}</p>  
   </div>  
{% endblock %}  
```
  • Python

    14827 questions

    Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

  • HTML

    13446 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    8984 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • Django

    2064 questions

    DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

  • PyCharm

    271 questions

    エディター・開発ツール

3 加筆修正

PYPP

PYPP score 49

2017/02/12 23:41  投稿

base.htmlのスタイルシートを継承できない
###前提・目標
PythonのDjangoを使いwebサイトを作成しようとしています。そこで、HTMLとCSSを使いデザインを作っています。
###発生している問題・エラーメッセージ
base.htmlに加えて、他のhtmlファイルでtemplatesファイルを構成しています。そこで、他のファイルはextendsによりbase.htmlを継承しようとしています。しかし、base.htmlを継承されているものの、cssファイルが反映されていません。
base.htmlに加えて、他のhtmlファイルでtemplatesファイルを構成しています。そこで、他のファイルはextendsによりbase.htmlを継承しようとしています。しかし、post_detail.htmlにて下記のようなエラーが出てしまいました。
![イメージ説明](60b5693d64a4a9668446f19a89fe1438.png)
###ソースコード
base.html(抜粋)
```
<link rel="stylesheet" type="text/css" href="static/css/blog.css">
```
base.htmlを継承させたいファイルの1つで、継承が**__できている__**ファイルになります。
post_list.html
```
{% extends 'posts/base.html' %}
{% block content %}
     {% for post in posts %}
         <div class="post">
           <div class="date">
               <!-- {{ post.published_date }} -->
               {{ post.created_date }}
           </div>
           <h1><a href="/post/{{ post.id }}/">{{ post.title }}</a></h1>
           <p>{{ post.text|linebreaks }}</p>
         </div>
     {% endfor %}
{% endblock %}
```
base.htmlを継承させたいファイルの1つで、継承が**__できていない__**ファイルになります。
post_detail.html
```
{% extends 'posts/base.html' %}
{% block content %}
   <div="post">
       {% if post.published_date %}
           <div class="date">
               {{ post.published_date }}
           </div>
       {% endif %}
       {% if user.is_authenticated %}
           <input type="button" value="編集" onClick="location.href='/post/{{ post.id }}/edit';">
       {% endif %}
       <h1>{{ post.title }}</h1>
       <p>{{ post.text|linebreaks }}</p>
   </div>
{% endblock %}
```
  • Python

    14827 questions

    Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

  • HTML

    13446 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    8984 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • Django

    2064 questions

    DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

  • PyCharm

    271 questions

    エディター・開発ツール

2 加筆修正

PYPP

PYPP score 49

2017/02/12 22:44  投稿

base.htmlのスタイルシートを継承できない
###前提・目標
PythonのDjangoを使いwebサイトを作成しようとしています。そこで、HTMLとCSSを使いデザインを作っています。
###発生している問題・エラーメッセージ
base.htmlに加えて、他のhtmlファイルでtemplatesファイルを構成しています。そこで、他のファイルはextendsによりbase.htmlを継承しようとしています。しかし、base.htmlを継承されているものの、cssファイルが反映されていません。
###ソースコード
base.htmlを継承させたいファイルの1つです。
base.html(抜粋)
```
<link rel="stylesheet" type="text/css" href="static/css/blog.css">
```
base.htmlを継承させたいファイルの1つで、継承が**__できている__**ファイルになります。
post_list.html
```
{% extends 'posts/base.html' %}
<!-- {% load staticfiles %} -->  
 
{% block content %}
     {% for post in posts %}
         <div class="post">
           <div class="date">
               <!-- {{ post.published_date }} -->
               {{ post.created_date }}
           </div>
           <h1><a href="/post/{{ post.id }}/">{{ post.title }}</a></h1>
           <p>{{ post.text|linebreaks }}</p>
         </div>
     {% endfor %}
{% endblock content %}
{% endblock %}
```
base.htmlを継承させたいファイルの1つで、継承が**__できていない__**ファイルになります。  
post_detail.html  
```  
{% extends 'posts/base.html' %}  
###試したこと
<!-- {% load staticfiles %} -->を入れてみたもののダメでした。
{% block content %}
   <div="post">
       {% if post.published_date %}
           <div class="date">
               {{ post.published_date }}
           </div>
       {% endif %}
       {% if user.is_authenticated %}
           <input type="button" value="編集" onClick="location.href='/post/{{ post.id }}/edit';">
       {% endif %}
       <h1>{{ post.title }}</h1>
       <p>{{ post.text|linebreaks }}</p>
   </div>
{% endblock %}
```
  • Python

    14827 questions

    Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

  • HTML

    13446 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    8984 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • Django

    2064 questions

    DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

  • PyCharm

    271 questions

    エディター・開発ツール

1 誤字の修正

PYPP

PYPP score 49

2017/02/12 16:38  投稿

base.htmlのスタイルシートを継承できない
###前提・目標
PythonのDjangoを使いwebサイトを作成しようとしています。そこで、HTMLとCSSを使いデザインを作っています。
###発生している問題・エラーメッセージ
エラーではないのですが、base.htmlに加えて、他のhtmlファイルでtemplatesファイルを構成しています。そこで、他のファイルはextendsをしてbase.htmlを継承しようとしています。しかし、base.htmlを継承されているものの、cssファイルが反映されていません。
base.htmlに加えて、他のhtmlファイルでtemplatesファイルを構成しています。そこで、他のファイルはextendsによりbase.htmlを継承しようとしています。しかし、base.htmlを継承されているものの、cssファイルが反映されていません。
###ソースコード
base.htmlを継承させたいファイルの1つです。
post_list.html
```
{% extends 'posts/base.html' %}
<!-- {% load staticfiles %} -->
{% block content %}
     {% for post in posts %}
         <div class="post">
           <div class="date">
               <!-- {{ post.published_date }} -->
               {{ post.created_date }}
           </div>
           <h1><a href="/post/{{ post.id }}/">{{ post.title }}</a></h1>
           <p>{{ post.text|linebreaks }}</p>
         </div>
     {% endfor %}
{% endblock content %}
```
###試したこと
<!-- {% load staticfiles %} -->を入れてみたもののダメでした。
  • Python

    14827 questions

    Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

  • HTML

    13446 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    8984 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • Django

    2064 questions

    DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

  • PyCharm

    271 questions

    エディター・開発ツール

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る