Unable to serve static files like css, js in django python

Question

I am very new to django, and gone through tutorial for many days , i have started building a small website using django and trying to serve a css file by arranging all the necessary settings in settings.py file. But unfortunately my code is unable to serve the css file, i mean the concept of serving css files is not working. I googled a lot and gone through the django main doc tutorials and made changes according to them,and still doesn't works so approached SO and pasted my entire code below

Structure of project folder

 personnel_blog
      |____personnel_blog
      |____manage.py  |  
                      |____media
                      |____static
                      |       |____css
                      |             |____personnel_blog_hm.css 
                      |____template 
                      |        |____home_page.html
                      |____settings.py
                      |____urls.py
                      |____views.py
                      |____wsgi.py

Some of my settings.py file settings are below

settings.py

import os
PROJECT_DIR = os.path.abspath(os.path.dirname(__file__))
DEBUG = True
MEDIA_ROOT = os.path.join(PROJECT_DIR,'media')
MEDIA_URL = '/media/'
STATIC_ROOT = os.path.join(PROJECT_DIR,'static')
STATIC_URL = '/static/'

STATICFILES_DIRS = (
                    os.path.join(PROJECT_DIR,'static'),
    # Put strings here, like "/home/html/static" or "C:/www/django/static".
    # Always use forward slashes, even on Windows.
    # Don't forget to use absolute paths, not relative paths.
)
TEMPLATE_DIRS = (
                 os.path.join(PROJECT_DIR,'templates')
)
TEMPLATE_CONTEXT_PROCESSORS = (
    'django.core.context_processors.debug',
    'django.core.context_processors.i18n',
    'django.core.context_processors.media',
    'django.core.context_processors.static',
    'django.contrib.auth.context_processors.auth',
    'django.contrib.messages.context_processors.messages',
)

urls.py

from django.conf.urls.defaults import *
from django.conf import settings
from django.contrib import admin
admin.autodiscover()

urlpatterns = patterns('',
     url(r'^$', 'personnel_blog.views.home_page'),
     url(r'^admin/', include(admin.site.urls)),
)
if settings.DEBUG:
    urlpatterns += patterns('',
        url(r'^media/(?P<path>.*)$', 'django.views.static.serve',{'document_root': settings.MEDIA_ROOT, 'show_indexes': True }),
        url(r'^static/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.STATIC_ROOT, 'show_indexes': True }),

)

views.py

from django.shortcuts import render_to_response

def home_page(request):
    return render_to_response("home_page.html")

home_page.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head>
    <link rel="stylesheet" href="{{ STATIC_URL }}css/personnel_blog_hm.css" type="text/css">
  </head>
  <body>
   <p>Hello !</p>
   <a href="/" target="_top">Home</a>
  </body> 
</html>

personnel_blog_hm.css

body { background-color:green; }
p {color:blue;background-color:green;padding-left:20px;}

So above is my code, can anyone please let me know whats wrong in the settigns.py file or other py files ?

Whether need to do any other additional settings in the above code ?

so can anyone please adjust my code and make necessary changes so that i cam move forward and make my first step in web designing ..... :)

What does the generated HTML look like? Does STATIC_URL have a value? — Jack Shedd
– Jack Shedd, Commented Feb 26, 2013 at 6:40

catherine · Accepted Answer · 2013-02-26 07:26:49Z

12

base.html

{% load static %}

<link rel="stylesheet" href="{% static 'css/personnel_blog_hm.css' %}" type="text/css">

settings

PROJECT_DIR  = os.path.dirname(__file__) 

MEDIA_ROOT = os.path.join(PROJECT_DIR,'media')
MEDIA_URL = '/media/'
STATIC_ROOT = os.path.join(PROJECT_DIR,'static')
STATIC_URL = '/static/'

STATICFILES_DIRS = (
    # Put strings here, like "/home/html/static" or "C:/www/django/static".
    # Always use forward slashes, even on Windows.
    # Don't forget to use absolute paths, not relative paths.
    os.path.join(PROJECT_DIR, 'staticfiles'),
)

url

from django.conf.urls.defaults import *
from django.conf import settings
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from django.conf.urls.static import static
from django.contrib import admin
admin.autodiscover()

urlpatterns = patterns('',
     url(r'^$', 'personnel_blog.views.home_page'),
     url(r'^admin/', include(admin.site.urls)),
)+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

urlpatterns += staticfiles_urlpatterns()

edited Feb 26, 2013 at 7:26

answered Feb 26, 2013 at 5:33

catherine

22.8k15 gold badges64 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

22 Comments

Shiva Krishna Bavandla Over a year ago

Exception Type: NameError Exception Value: name 'static' is not defined

Shiva Krishna Bavandla Over a year ago

yeah now after importing,i am not getting the error, but css is not working as same

Shiva Krishna Bavandla Over a year ago

settings file is same in the directory where static folder exists as i have mentioned in the project structue above, yes i have edited PROJECT_DIR with your code

Shiva Krishna Bavandla Over a year ago

this is my terminal response : Django version 1.4.3, using settings 'personnel_blog.settings' Development server is running at 127.0.0.1:8000 Quit the server with CONTROL-C. [26/Feb/2013 11:39:59] "GET / HTTP/1.1" 200 938 [26/Feb/2013 11:39:59] "GET /css/personnel_blog_hm.css HTTP/1.1" 404 2334 [26/Feb/2013 11:40:00] "GET / HTTP/1.1" 200 938 [26/Feb/2013 11:40:01] "GET /css/personnel_blog_hm.css HTTP/1.1" 404 2334

Shiva Krishna Bavandla Over a year ago

Yup finally it worked after changing Debug value false to true and really thanks after for supporting by sparing your time

|

arulmr · Accepted Answer · 2013-02-26 06:02:10Z

1

Try changing your STATICFILES_DIRS setting to

STATICFILES_DIRS = (
    os.path.join(PROJECT_DIR,'static'),
)

answered Feb 26, 2013 at 6:02

arulmr

8,8649 gold badges56 silver badges70 bronze badges

3 Comments

Shiva Krishna Bavandla Over a year ago

yeah i have tried and pasted the above code, still unable to work, really not able to understand what the problem is ...

arulmr Over a year ago

@shivakrishna Can you tell me the response from the url localhost:8000/static?

Shiva Krishna Bavandla Over a year ago

This is the result for localhost:8000/static------ A server error occurred. Please contact the administrator.

Jack Shedd · Accepted Answer · 2013-02-26 06:46:48Z

0

Your problem is related to this line:

return render_to_response("home_page.html")

Django's template engine requires two things to properly render a template.

The template name
A context variable

The context variable is a key/value dictionary listing all of the variables available to the template.

The render_to_response shortcut actually accepts two different context variable parameters.

You're missing both.

Without these variables, the template doesn't have ANY variables available to it. So your {{ STATIC_URL }} template variable is probably blank.

To correct, try this:

from django.shortcuts import render_to_response
from django.template import RequestContext

def home_page(request):
    return render_to_response("home_page.html", {}, context_instance=RequestContext(request))

answered Feb 26, 2013 at 6:46

Jack Shedd

3,53123 silver badges27 bronze badges

4 Comments

Shiva Krishna Bavandla Over a year ago

:k i have tried and edited my views file with the above code and still same result(css not working body color is not changed). Sorry many are trying to help me, but this is really wierd issue that not working and frustating me actually, whether this problem will be caused due to any installation errors/problems too ?

Jack Shedd Over a year ago

If you've done the above, check the generated HTML and make sure that {{ STATIC_URL }} is being replaced correctly. If it is, look at what happens when you visit 127.0.0.1:8000/static in your browser. Does it generate a 500 error?

Shiva Krishna Bavandla Over a year ago

this is the line in html <link rel="stylesheet" href="{{ STATIC_URL }}css/personnel_blog_hm.css" type="text/css"> and reponse Page not found (404) Request Method: GET Request URL: localhost:8000/static

Jack Shedd Over a year ago

No, the HTML as seen when you visit with your web browser.

Alireza Savand · Accepted Answer · 2013-03-23 21:42:01Z

0

in settings.py try.

PROJECT_DIR  = os.path.dirname(__file__)
...
MEDIA_ROOT = os.path.join(PROJECT_DIR,'media')
MEDIA_URL = '/media/'
STATIC_ROOT = os.path.join(PROJECT_DIR,'static')
STATIC_URL = '/static/'

my settings.py file is usually in same directory as static directory

edited Mar 23, 2013 at 21:42

Alireza Savand

3,4963 gold badges28 silver badges36 bronze badges

answered Feb 26, 2013 at 5:38

Frantz Romain

8561 gold badge6 silver badges14 bronze badges

Comments

Made4uo · Accepted Answer · 2023-02-20 20:26:36Z

0

Try running this $ python manage.py collectstatic

You can check documentation here

answered Feb 20, 2023 at 20:26

Made4uo

1041 silver badge2 bronze badges

Collectives™ on Stack Overflow

Unable to serve static files like css, js in django python

5 Answers 5

22 Comments

3 Comments

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

22 Comments

3 Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related