Cannot link to CSS in HTML
Question
I cannot link to CSS in HTML but the paths are right. I've tried everything, even magic isn't helping.
- HTML path is
romanchenko_test_task/templates/hello.html - CSS path is
romanchenko_test_task/static/first-style.css
hello.html:
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/static/first-style.css">
</head>
<body>
<p> Hello world </p>
</body>
</html>
first-style.css:
body {
background: blue;
color: white;
}
3 answers
solution1
8 2015-12-08 20:03:51
Your relative links are incorrect.
Your two folder paths are:
romanchenko_test_task/templates/hello.html
romanchenko_test_task/static/first-style.css
So to get out of your templates folder, you need to go up 1 level by using ../
Try:
<link rel="stylesheet" type="text/css" href="../static/first-style.css">
solution2
1 ACCPTED 2015-12-10 12:45:36
Thanks for everyone.
<link rel="stylesheet" type="text/css" href="../static/first-style.css">
is linking CSS to HTML right. My problem was that I've forgot to write a handler for static files (*.css), so tornado (python framework) couldn't identify them.
Hendlers should look like:
handlers=[(r'/', MainHandler)],
template_path=os.path.join(os.path.dirname(__file__), "templates"),
static_path=os.path.join(os.path.dirname(__file__), "static"),
debug=True)
solution3
0 2015-12-08 20:16:30
The directory you are calling the CSS from is incorrect. You should use C:/romanchenko_test_task/static/first-style.css (the entire directory) to call it.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.