Bonjour,

Me voilà bien embêter, je débute en J2EE sous Eclipse / Tomcat.
J'ai créer un petit site avec plusieurs pages, avec des liens pour pouvoir passer de l'accueil vers d'autres pages et vice-versa.
Mon site fonction, mais mtn que j'ajoute mon fichier .css, celui ci ne fonctionne que sur le http://localhost:8080/Site/index.html.
Lorsque je change de page via les liens mes pages accueil.jsp et autre n'affiche pas le style demandé.
J'ai parcouru les forums essayer de chercher une solution mais ça fait une journée que je bute sur ce problème.

Voici mon arborescence :

WebContent
 > css
     > bootstrap.min.css
 > jss
 > META-INF
     > web.xml
 > WEB-INF
accueil.jsp
index.html
menu.jsp
story.jsp
mon fichier web.xml :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<display-name>Site</display-name>
  <welcome-file-list>
        <welcome-file>accueil</welcome-file>
    </welcome-file-list>
 
 
  <servlet>
    <servlet-name>Accueil</servlet-name>
    <servlet-class>com.site.servlets.Accueil</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>Accueil</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>
 
  <servlet>
    <servlet-name>Story</servlet-name>
    <servlet-class>com.site.servlets.Story</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>Story</servlet-name>
    <url-pattern>/notre-histoire</url-pattern>
  </servlet-mapping>
mon fichier index.html :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
<head>
 
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8">
        <title>Site</title>
        <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
    </head>
    <body>
 
    <p> test index </p>
 
    </body>
</html>
Mon fichier accueil.jsp :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
 
<meta charset="utf-8">
<title>Site</title>
</head>
<body>
 
<%@ include file="menu.jsp" %>
 
<p> Bienvenue sur le site (Accueil) </p>
 
 
 
</body>
</html>
Mon fichier story.jsp :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
 
 
<%@ include file="menu.jsp" %>
<p> histoire du site </p>


En essayant de résoudre ce problème je n'arrive plus du tout à afficher mon style.css...
J'attends votre aide, merci bien.