Forums

Pythonanywhere css not loading. link href problem?

Hi

In my HTML I am trying to link to an external CSS file. All my many attempts look like the following

<head> <link rel="stylesheet" type = "text/css" href="mysite/assets/styles.css" /> </head>

In none of the variants, where I change the href value, can I get the CSS to load.

I have tried all kinds of variations on the href:

" styles.css" "/styles.css" "assets/styles.css" "mysite/assets/styles.css" etc. etc

and placed copies of styles.css in various directories

/home/crlong/mysite /home/crlong/mysite/assets /home/crlong/mysite/templates  <== this is location of the html page

and in all cases I get error messages like the following when I try to debug using the browser

HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - http://cliverlong.pythonanywhere.com/styles.css or HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - http://cliverlong.pythonanywhere.com/mysite/assets/styles.css etc. etc.

I have looked at various documentation on HTML link href on the web and in Pythonanywhere Forums and I can’t work out exactly how this links together – assuming my value of the href is the problem.

If this is documented somewhere clearly and I just can’t find it, please just point me at that description.

Much appreciated.

Clive

deleted-user-3250579 | 1 post | Jan. 2, 2018, 1:54 p.m. | permalink

See http://help.pythonanywhere.com/pages/StaticFiles/ and http://help.pythonanywhere.com/pages/DebuggingStaticFiles/

Staff glenn | 9718 posts | PythonAnywhere staff | Jan. 2, 2018, 3:30 p.m. | permalink

I couldn't figure it out either and these articles just make it more confusing. I simply used an absolute path reference and it worked

deleted-user-8875575 | 1 post | Nov. 22, 2020, 1:56 a.m. | permalink

That's one of the possible ways.

Staff fjl | 4614 posts | PythonAnywhere staff | Nov. 22, 2020, 1:52 p.m. | permalink

I got it to work by adding the directory path as a static file.

In "Static Files": set URL: "/static/" set Directory: "/home/#your_username/#your_filepath_to_the_folder_containing_the_css_file/"

Finally, in the html document: <link rel="stylesheet" href="/static/#your_filename">

deleted-user-11130354 | 1 post | May 27, 2022, 4:47 p.m. | permalink

Glad to hear that you made it work!

Staff fjl | 4614 posts | PythonAnywhere staff | May 27, 2022, 7:19 p.m. | permalink