How to load static css into django template

Question

I'm just newbie in django. Just learning. Want to know how to make best loading of css into django template. Work in django-env with django 1.8

So, how I'm trying

settings.py

STATIC_URL = '/static/'    
STATICFILES_DIRS = (
    ('static', '/home/djangoenv/bin/mysuperapp/static'),
)

my_template

{% load staticfiles %}

<!DOCTYPE>
<html>
    <head>
        <title>Django</title>
        <link rel="stylesheet" type="text/css" href='{% static "/css/foundation.css" %}'>
    </head>
    <body>
        <h1>Django</h1>
    </body>

</html>

In this case I have no loaded css and a warning message in Chrome Console:

Resource interpreted as Stylesheet but transferred with MIME type
text/html: "http://127.0.0.1:8000/css/foundation.css".

Just add a base static dir to your STATICFILES_DIRS setting, then let the app static loader take care of app specific static folders. Kinda like; STATICFILES_DIRS = (os.path.join(os.path.dirname(os.path.abspath(__file__)), 'static'),) — markwalker_
– markwalker_, Commented Apr 20, 2015 at 23:12

Domen Blenkuš · Accepted Answer · 2015-04-20 23:15:10Z

3

Remove 'static' in STATICFILES_DIRS

STATICFILES_DIRS = (
    '/home/djangoenv/bin/mysuperapp/static',
)

This static creates separate namespace, so you would have to call {% static "static/css/foundation.css" %}.

And use static templatetag without leading slash: {% static "css/foundation.css" %}.

edited Apr 20, 2015 at 23:15

answered Apr 20, 2015 at 23:06

Domen Blenkuš

2,2522 gold badges22 silver badges29 bronze badges

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

5 Comments

okonik Over a year ago

Yeap, I've already checked. But I still don't understand where is the fault.

okonik Over a year ago

I've tried. Now I get error "404". If use in template {% static "/css/foundation.css" %} have again the same warning.

Domen Blenkuš Over a year ago

Do you have DEBUG set to False in settings? If yes, you have to call python manage.py collectstatic.

okonik Over a year ago

It say You're using the staticfiles app without having set the STATIC_ROOT setting to a filesystem path. What I should do?

Domen Blenkuš Over a year ago

Set STATIC_ROOT in settings. This is folder where Django collects static files. docs.djangoproject.com/en/1.8/ref/settings/…

Collectives™ on Stack Overflow

How to load static css into django template

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related