0

I am currently trying to make a webpage but I can't tell why my html can't see the css file provided. I have an application in SpringBoot. I have the following files: index.html

<!DOCTYPE html>
<html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>Menu</title>
    <link href="../static/style.css" th:href="@{/style.css}" rel="stylesheet" />
</head>
<body>
<nav>
    <ul>
        <li><a href="#"> View</a></li>
        <li><a href="#"> Notify </a></li>
        <li><a href="#"> A</a></li>
        <li><a href="#"> B</a></li>
    </ul>

</nav>

</body>
</html>

style.css

* {
    margin: 0;
    padding: 0;

}


ul  {



}


ul  li {

list-style: none;
display: inline-block;
float: left;
}

ul  li  a {

text-decoration: none;
font-size:14px;
font-family: arial;
color: #1e1e1e;
}

Structure of project: enter image description here Tried changing the root to the css file multiple times and tried even without thymeleaf however it doesn't work . Any help would be great. The html file works however the css file is not applied to it.

Simm
  • 89
  • 1
  • 10

1 Answers1

0

There are multiple ways to troubleshoot this issue.

  1. Try specifying type to link tag like below.

    type="text/css"

  2. Inspect elements in browser developer tool and check for what URL it is trying to load currently. From this you will get idea so that you can modify the css href path.

  3. Ensure that you have configured Resource handlers so that spring boot knows where to search for static resources exactly.

Refer : SpringBoot with Thymeleaf - css not found

Alien
  • 15,141
  • 6
  • 37
  • 57