How to style HTML in flask

Code Help HTML/CSS/JS
1

Question:

So I want to style a HTML page on flask but apparently it odesn’t seem to work
Repl link:


templates/index.html:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>replit</title>
  <link href="static/css/style.css" type="text/stylesheet" rel="stylesheet">
</head>
<body>
  <h1 id="title">Username + Password Flask Authentication</h1>
  <button onclick="window.location.href='/register';">
      Register
  </button>
  <button onclick="window.location.href='/login';">
      Log In
  </button>
</body>
</html>
2

Could you please send a link to the Repl?

3

https://replit.com/@SnakeyKing/Username-Password-Authentication#templates/index.html

4

Try changing the href to ../static/css/style.css.

5

So <link href="../static/css/style.css" type="text/stylesheet" rel="stylesheet">?

6

Still not working :frowning:

7

Try

<link href="./static/css/style.css" type="text/stylesheet" rel="stylesheet">
8

It’s still now working :sob:

9

try to change from:

<link href="../static/css/style.css" type="text/stylesheet" rel="stylesheet">

To

<link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">
11

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.