JSF et styles CSS

**tomy29** · 01/08/2008, 14h52

Bonjour,

j'ai quelques difficultés à comprendre le fonctionnement des CSS et JSF
Quand je déclare mes styles directement dans la JSP il les prend en compte, mais quand je déclare une feuille de style là il ignore toutes les mises en forme définies dans ma feuille de style.
Voici mon code :

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
<html>
	<head>
 
		<link rel="stylesheet" 
            type="text/css" 
            href="<c:url value='/css/style.css' />">
	</head>
 
	<body>
		<h:form>
		<f:view>
			<t:outputLabel value="bonjour LOGIN " styleClass="row1"></t:outputLabel>
		</f:view>
		</h:form>
	</body>
</html>

Savez-vous pourquoi?
Merci.

**guigui5931** · 01/08/2008, 18h26

Je ne pense pas que tu ai besoin de la balise <c:url> dans la déclaration de ton style.

Code :

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

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

devrait suffire.

**pClement** · 04/08/2008, 09h16

c'est parceque il te faut le nom entier à partir du dossier de deployement

genre
/myapp/css/stylesheet.css

Je sais pas si c'est très clair , sinon j'essayerais de mieux expliquer

**Jack-Ob** · 04/08/2008, 09h22

Comme dis avant il te faut le chemin complet de ton application:

Code :

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

1
2
 
<link rel='stylesheet' media='screen' type='text/css' title='Design' href='<%=request.getContextPath()%>/CSS/design.css' />

Normalement ça marche comme ça.

**tomy29** · 04/08/2008, 09h43

Oui j'avais essayé, mais aucune amélioration.
Voici ma feuille de style il y a peut etre qq chose qui ne va pas dans le fichier :

Code :

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

1
2
3
4
5
6
7
8
9
	.tfooterPanel {text-align: center; width: 100%;}
	.tmainpage    {	width:1000;}
 
	.cmenu    {width:100	 ; vertical-align: top;}
	.cline    {width:1   ; background-color:gray;}
	.ccontext {width:873 ; height:510;vertical-align: top; padding :10 10 10 10; font-size:12;
			  font-family: Arial, Helvetica, sans-serif;}	
	.row1 {
	background-color : #ffcc33;}

Et le code dans ma 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
20
21
22
23
24
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
 
 
<html>
	<head>
 
            <link rel='stylesheet' 
            media='screen' 
            type='text/css' 
            title='Design' 
            href='<%=request.getContextPath()%>/css/main.css' />
 
	</head>
 
	<body>
		<h:form>
		<f:view>
			<t:outputLabel value="bonjour LOGIN " styleClass="row1"></t:outputLabel>
		</f:view>
		</h:form>
	</body>
</html>

**Jack-Ob** · 04/08/2008, 10h58

Utilise-tu des filtres, car si tu n'as pas autorisé les css ça pourrais venir de là.
Peux-tu nous montrer ton web.xml?

JSF et styles CSS

JSF Java

Vue hybride

Discussions similaires

Partager

Partager