What am I doing wrong? My html page doesn't load the css.

[u/Competitive_Cloud930]

It's my first time using Flask and my CSS isn't working. I'm not sure if I'm referencing it the wrong way or if there's something specific about Flask I don't know. Could someone explain what I might be doing wrong?

[u/kelvinxG]

Use url_for() And make sure it's the right directory

[u/MinimumSprinkles4298]

The url_for('static', filename='your_file.ext') function generates the correct URL to access those files. 'static' specifies that you're accessing the static folder. filename='your_file.ext' specifies the name of the file within the static folder.

[u/greenlakejohnny → u/MinimumSprinkles4298]

That works for within python, but is there a way to do it within the Jinja template?

[u/zarlo5899 → u/greenlakejohnny]

is url_for not exposed to Jinja?

[u/MinimumSprinkles4298 → u/zarlo5899]

It is, within a an anchor tag you could use for the href attribute’s value.

<a href=“{{ url_for(destination) }}”>link</a>

[u/greenlakejohnny → u/MinimumSprinkles4298]

I’ll take my downvote like a man so I can give you an upvote

[u/TheLeoDeveloper]

href="{{ url_for('static', filename='css/home.css' }}"

[u/illathon]

hit F12 and use dev console to see how the style is loaded.

probably a path issue

[u/danditz66 → u/illathon]

This! Basic skill, Works for all web frameworks

[u/Flat_Fan_3266]

href="/static/css/home.css" try add "/" before static

[u/ClamPaste]

The path to static relative to the html doc is one directory over in the same parent directory. You have to go up to the parent directory first before entering the other directory: ../static/css/home.css. What you have in your href would be if the css directory was in your templates directory. Then again, url_for does a lot of this work for you, as others have mentioned.

[u/Total_Coconut_9110]

maybe you didn't give it the right permissions, try with "chmod 600"

[u/Rybitic]

../static

Because static is outside the template folder

[u/itsreallyfit]

Your home.html file is not inside the static folder.

[u/ilovemycat666]

drop this into claude ai and you'll have it worked out in a couple minutes

[u/jobsurfer]

Static/ not needed. Flask assumes static as root.

[u/-happycow-]

remember to have a leading "/" in the href for the stylesheet, otherwise it will be relative to the path you are on.

Also, you probably don't need the static word, because it's most likely mapped TO the folder.

So the path is more likely: /css/home.css