title: Django extends template
body: <p>i have simple django/python app and i got 1 page - create.html. So i want to extend this page to use index.html. Everything work (no errors) and when the page is loaded all data from create.html and all text from index.html present but no formating is available - images and css that must be loaded from index.html is not loaded. When i load index.html in browser looks ok. Can someone help me?</p>
  
  <p>Thanks!</p>
  
  <p>here is the code of templates:</p>
  
  <p><strong>create.html</strong></p>
  
  <pre><code>    {% extends "index.html" %}
  
  {% block title %}Projects{% endblock %}
  
  {% block content %}
      {% if projects %}
          &lt;table  border="1"&gt;
              &lt;tr&gt;
                  &lt;td align="center"&gt;Name&lt;/td&gt;
                  &lt;td align="center"&gt;Description&lt;/td&gt;
                  &lt;td align="center"&gt;Priority&lt;/td&gt;
                  &lt;td align="center"&gt;X&lt;/td&gt;
              &lt;/tr&gt;
              {% for p in projects %}
              &lt;tr&gt;
                  &lt;td&gt; &lt;a href="/tasks/{{p.id}}/"&gt;{{p.Name}}&lt;/a&gt; &lt;/td&gt;
                  &lt;td&gt;{{p.Description}} &lt;/td&gt;
                  &lt;td&gt; {{p.Priority.Name}} &lt;/td&gt;
                  &lt;td&gt; &lt;a href="/editproject/{{p.id}}/"&gt;Edit&lt;/a&gt; &lt;a href="/deleteproject/{{p.id}}/"&gt;Delete&lt;/a&gt; &lt;/td&gt;
              &lt;tr&gt;
              {% endfor %}
          &lt;/table&gt;
      {% else %}
          &lt;p&gt;No active projects.&lt;/p&gt;
      {% endif %}
  {% endblock %}
  </code></pre>
  
  <p><strong>and index.html:</strong></p>
  
  <pre><code>    &lt;html&gt;
      &lt;head&gt;
          {% block title %}{% endblock %}
  
          &lt;link rel="stylesheet" href="style.css" type="text/css" media="screen" /&gt;
      &lt;/head&gt;
      &lt;body&gt;
      {% block content %}{% endblock %}
  
  &lt;div class="PostContent"&gt;
  
  &lt;img class="article" src="images/spectacles.gif" alt="an image" style="float: left" /&gt;
  &lt;h1&gt;Heading 1&lt;/h1&gt;
  &lt;h2&gt;Heading 2&lt;/h2&gt;
  &lt;h3&gt;Heading 3&lt;/h3&gt;
  &lt;h4&gt;Heading 4&lt;/h4&gt;
  &lt;h5&gt;Heading 5&lt;/h5&gt;
  &lt;h6&gt;Heading 6&lt;/h6&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet,
  &lt;a href="#" title="link"&gt;link&lt;/a&gt;, &lt;a class="visited" href="#" title="visited link"&gt;visited link&lt;/a&gt;, 
   &lt;a class="hover" href="#" title="hovered link"&gt;hovered link&lt;/a&gt; consectetuer 
  adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, 
  velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl 
  in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros.&lt;/p&gt;
  
      ....
      &lt;/body&gt;
      &lt;/html&gt;  
  </code></pre>