Problème de CSS dans une page JSP

**rachida90** · 21/04/2013, 02h55

Bonjour,

J'aimerais lier un fichier CSS à ma page JSF et pour cela j'ai essayé de faire ceci

Code :

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

1
2
3
<link rel="stylesheet" 
            type="text/css" 
            href="/css/CSS_Pied.css"/>

mais rien n'est changé dans ma page.

Voilà mon fichier CSS_Pied.css qui se trouve dans webApp/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
body {
    width : 100%;
    height : 100%;
    position : relative;
    background-image : url("../images/en_tete_MV.png") repeat-x;
    margin : 0%;
    font-family: Arial, Helvetica, sans-serif;
    color: #D72121;
    margin: 0px 0px 0px 0px;
}
p{
margin-left : 30%;
margin-bottom : 2px;
margin-right: 0px
}

Et Pied.jsp qui se trouve dans webContent

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
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html" >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" 
            type="text/css" 
            href="/css/CSS_Pied.css"/>
</head>
<body>
    <p>Copyright (C) 2013 Logisoft TOUS DROIT RESERVE.</p>
</body>
</html>

Quelqu'un saurait-il m'indiquer d'où peut venir le problème ?

Merci d'avance pour votre aide.

**jdevbe** · 21/04/2013, 15h17

Vraisemblablement que votre ccs n'est pas trouvé.
/css/CSS_Pied.css indique que votre ccs est disponible à l'url https://<votreServeur>/css/CSS_Pied.css
Est-ce la cas ?
Si votre ccs est dans le war l'url serait https://<votreServeur>/<contexRoot/css/CSS_Pied.css
Si c'est la cas et que votre jsp est au même niveau que le directory css, supprimé le '/' devant css/CSS_Pied.css.
La balise link devient donc :

Code :

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

1
2
3
<link rel="stylesheet" 
            type="text/css" 
            href="css/CSS_Pied.css"/>

**majdicosta** · 22/04/2013, 03h46

Bonsoir,
dans l'appel de votre fichier css declarer comme ici
<link .. href="../css/....css">

**rachida90** · 22/04/2013, 11h39

mercii bcp le problème est résolu

Problème de CSS dans une page JSP

JSF Java

Vue hybride

Discussions similaires

Partager

Partager