title: Thymeleaf problems css?
body: <p>I am using this library <a href="https://github.com/ultraq/thymeleaf-layout-dialect#decorators-and-fragments" rel="nofollow">thymeleaf-layout-dialect</a></p>
  
  <p>my layout dialect....</p>
  
  <pre><code>        &lt;!DOCTYPE html&gt;
      &lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"&gt;
      &lt;head&gt;
            &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt;
            &lt;title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE"&gt;NextInfo&lt;/title&gt;
            &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /&gt;
            &lt;link rel="stylesheet" type="text/css" href="../../../resources/css/animate.css" th:href="@{'resources/css/animate.css'}"/&gt;
            &lt;link rel="stylesheet" type="text/css" href="../../../resources/css/semantic.min.css" th:href="@{'resources/css/semantic.min.css'}"/&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="ui stackable blue inverted menu"&gt;
                &lt;a class="right item "&gt;
                      &lt;i class="home icon"&gt;&lt;/i&gt;
                      Inicio
                    &lt;/a&gt;
                   &lt;a class="item"&gt;
                      &lt;i class="phone icon"&gt;&lt;/i&gt;
                      Telefones
                    &lt;/a&gt;
                    &lt;a class="item"&gt;
                      &lt;i class="mail Outline icon"&gt;&lt;/i&gt;
                      Email
                    &lt;/a&gt;
                    &lt;a class="item"&gt;
                      &lt;i class="chat icon"&gt;&lt;/i&gt;
                      Suporte
                    &lt;/a&gt;
                     &lt;div class="ui category search item" style="margin-right:40px"&gt;
                      &lt;div class="ui transparent icon input"&gt;
                        &lt;input class="prompt" type="text" placeholder=" pesquisar ..." /&gt;
                        &lt;i class="search link icon"&gt;&lt;/i&gt;
                      &lt;/div&gt;
                      &lt;div class="results"&gt;&lt;/div&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="header" layout:fragment="header"&gt;&lt;/div&gt;
          &lt;div id="content" layout:fragment="content"&gt;&lt;/div&gt;
          &lt;div id="footer" layout:fragment="footer"&gt;&lt;/div&gt;
          &lt;script src="../../../resources/js/jquery.min.js" data-th-src="@{resources/js/jquery.min.js}"&gt;&lt;/script&gt;
          &lt;script src="../../../resources/js/semantic.min.js" data-th-src="@{resources/js/semantic.min.js}"&gt;&lt;/script&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>I created a layout as shown in the link</p>
  
  <p>My home controller</p>
  
  <pre><code>@Controller
  @RequestMapping(value ={"/","/home"})
  public class Principal {
  
  private final static String URLINICIAL = "index";
  
  @RequestMapping(value ={"/","/home"} ,method=RequestMethod.GET)
  public String requisicaoPadrao() {
      return URLINICIAL;
  }
  @ResponseBody
  @RequestMapping(value = "/testes", method=RequestMethod.GET)
  public &lt;T&gt; Object testes() {
      return null;
  }
  }
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>    &lt;html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"  layout:decorator="/templates/layouts/default"&gt;
    &lt;head&gt;
  
    &lt;/head&gt;
  &lt;body&gt;
   &lt;div layout:fragment="header"&gt;&lt;h1&gt;index&lt;/h1&gt;&lt;/div&gt;
   &lt;div layout:fragment="content"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>creating a new view</strong></p>
  
  <pre><code>    &lt;html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"  layout:decorator="/templates/layouts/default"&gt;
    &lt;head&gt;
      &lt;title&gt;testPage&lt;/title&gt;
    &lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt;teste&lt;/h1&gt;
       &lt;div layout:fragment="header"&gt;&lt;h1&gt;testPage&lt;/h1&gt;&lt;/div&gt;
       &lt;div layout:fragment="content"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>new controller</strong> <br>
  <strong>I need @RequestMapping annotation above the class.</strong></p>
  
  <pre><code>    @Controller
      @RequestMapping("/test")
      public class TestController {
  
          @RequestMapping(value = "/", method=RequestMethod.GET)
          public String index(){
              return "testpage";
          }
  
      }
  </code></pre>
  
  <p>As you can see it does not work ....
  How to solve?</p>