Feuille de style ne s'applique pas

**koreimy** · 28/03/2018, 14h43

Bonsoir,

Je viens de familiariser sur Java web. j'ai cree les fichiers jsp et css mais le css ne s'applique pas.
je vous presente mes fichiers si quelqu'un peut m'aider

jsp ou html

Code html :

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
24
25
26
27
28
29
30
31
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html >
<html>
<head>
<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> -->
<title>Gestion d'une Bibliothèque</title>
</head>
<link rel="stylesheet" type="text/css"href="<%=request.getContextPath()%>/resources/CSS/style.css>">
<body>
<div id="ListeLivres">
	<table class="table1">
		<tr>
			<th>IDENTITE</th>
			<th>TITRE</th>
			<th>ISBN</th>
			<th>EDITION</th>
			<th>AUTEUR</th>
		</tr>
	<c:forEach items="${livres}" var="l">
		<tr>
			<td>${l.idLivre}</td>
			<td>${l.titre}</td>
			<td>${l.isbn}</td>
			<td>${l.dateEdit}</td>
			<td>${l.nomAut}</td>
		</tr>
	</c:forEach>
	</table>
</div>
</body>
</html>

css:

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
div{
	padding: 10px;
	margin: 10px;
	border: 1px dotted gray;
	}
.table1 th{
	padding: 10px;
	margin: 10px;
	border: 1px dotted gray;
	background: pink;
}
.table1 td{
	padding: 10px;
	margin: 10px;
	border: 1px dotted gray;
	background: white;
}

resultats

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
Reference 	Designation 	Prix 	Quantite
IM471 	Impromante Im471 	1800.0 	8
HP654 	Ordinateur HP564 	800.0 	12
Tsh654 	Ordinateur HP564 	900.0 	102

je ne sais pas qu'est ce que je n'ai pas fait

merci d'avance

**psychadelic** · 28/03/2018, 14h58

normalement le lien sur le fchier css doit être placé entre les balises <head> et </head>

ce n'est pas le cas dans ton code.

**NoSmoking** · 28/03/2018, 15h10

Bonjour,

Envoyé par psychadelic

normalement le lien sur le fchier css doit être placé entre les balises <head> et </head>

les navigateurs sont capables de gérer cela, il y aura simplement retard à la prise en compte du style par contre le validateur devrait faire la gueule.

@koreimy :
Regarde dans le code HTML généré (Ctrl + U sur la plupart des navigateurs) ce que tu as comme chemin d'accès pour ta feuille de style.

**koreimy** · 29/03/2018, 02h11

Envoyé par NoSmoking

Bonjour,les navigateurs sont capables de gérer cela, il y aura simplement retard à la prise en compte du style par contre le validateur devrait faire la gueule.

@koreimy :
Regarde dans le code HTML généré (Ctrl + U sur la plupart des navigateurs) ce que tu as comme chemin d'accès pour ta feuille de style.

@NoSmonking
Effectivement, j'ai placé le lien à l’entête mais le problème n'est pas résolu toujours. concernant votre proposition

Regarde dans le code HTML généré (Ctrl + U sur la plupart des navigateurs) ce que tu as comme chemin d'accès pour ta feuille de style.

je n'ai pas compris pouvez-vous m'expliquer de plus?

Merci à vous tous d'avoir pris votre temps de me répondre.

cordialement