title: Why is my external css not working in a sub-directory folder?
body: <p>The files of my project are like this:</p>
  
  <ul>
  <li>Web Pages
  <ul>
  <li>WEB INF
  <ul>
  <li>View</li>
  </ul></li>
  <li>CSS</li>
  <li>User
  <ul>
  <li>account.jsp</li>
  <li>error.jsp</li>
  <li>login.jsp</li>
  </ul></li>
  </ul></li>
  </ul>
  
  <p>All the <code>jsp pages</code> in the <em>view</em> folder load the css perfectly fine in the browser. But it does not for the pages in the sub-directory <em>User</em>. Instead of a relative path I tried an absolute path, it still doesn't work... Any idea of the roots cause of this issue? Been trying to figure it out for hours... Also if it can help, I recently made  changes to my web.xml... I doubt it has something to do with it but never know... All the codes below.</p>
  
  <p>Account.jsp</p>
  
  <pre><code>&lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
          &lt;title&gt;Site | &lt;fmt:message key='UserAccount'/&gt;&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/account.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/header.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/footer.css"&gt;  
      &lt;/head&gt;
  </code></pre>
  
  <p>Login.jsp</p>
  
  <pre><code>&lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
          &lt;title&gt;Site | &lt;fmt:message key='LoginRegister'/&gt;&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="web/css/login_register.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="web/css/header.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="web/css/footer.css"&gt; 
      &lt;/head&gt;
  </code></pre>
  
  <p>Error.jsp</p>
  
  <pre><code>&lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
          &lt;title&gt;Site | Login Error&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/login_register.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/header.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/footer.css"&gt; 
      &lt;/head&gt;
  </code></pre>
  
  <p>Recent changes to the web.xml:</p>
  
  <pre><code>&lt;jsp-property-group&gt;
              &lt;description&gt;Handle the user console&lt;/description&gt;
              &lt;display-name&gt;Jsp configuration for the user console &lt;/display-name&gt;
              &lt;url-pattern&gt;/user/account.jsp&lt;/url-pattern&gt;
              &lt;url-pattern&gt;/user/login.jsp&lt;/url-pattern&gt;
              &lt;url-pattern&gt;/user/error.jsp&lt;/url-pattern&gt;
              &lt;include-prelude&gt;/user/jspf/header.jspf&lt;/include-prelude&gt;
              &lt;include-coda&gt;/user/jspf/footer.jspf&lt;/include-coda&gt;
          &lt;/jsp-property-group&gt;
  
      &lt;/jsp-config&gt;
      &lt;security-constraint&gt;
          &lt;display-name&gt;Site User Administration&lt;/display-name&gt;
          &lt;web-resource-collection&gt;
              &lt;web-resource-name&gt;Site User Administration&lt;/web-resource-name&gt;
              &lt;description/&gt;
              &lt;url-pattern&gt;/user/*&lt;/url-pattern&gt;
          &lt;/web-resource-collection&gt;
  
          &lt;auth-constraint&gt;
              &lt;description/&gt;
              &lt;role-name&gt;siteUser&lt;/role-name&gt;
          &lt;/auth-constraint&gt;
      &lt;/security-constraint&gt;
  
  
      &lt;login-config&gt;
          &lt;auth-method&gt;FORM&lt;/auth-method&gt;
          &lt;realm-name&gt;file&lt;/realm-name&gt;
          &lt;form-login-config&gt;
              &lt;form-login-page&gt;/user/login.jsp&lt;/form-login-page&gt;
              &lt;form-error-page&gt;/user/error.jsp&lt;/form-error-page&gt;
          &lt;/form-login-config&gt;
      &lt;/login-config&gt;
  
  
      &lt;security-role&gt;
          &lt;description&gt;Security for User&lt;/description&gt;
          &lt;role-name&gt;mebzoneUser&lt;/role-name&gt;
      &lt;/security-role&gt;
  &lt;/web-app&gt;
  </code></pre>