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?

**tomy29** · 04/08/2008, 11h14

Je n'ai mis aucun filtre dans mon web.xml pour l'instant.

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
25
26
27
28
29
30
31
32
33
34
35
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
                         "http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app>
	<display-name>TestTomahawk</display-name>
	<servlet>
		<servlet-name>Faces Servlet</servlet-name>
		<servlet-class>
		javax.faces.webapp.FacesServlet</servlet-class>
		<load-on-startup>1</load-on-startup>
	</servlet>
 
 
  <servlet>
  <servlet-name>TilesServet</servlet-name>
  <servlet-class>org.apache.struts.tiles.TilesServlet</servlet-class>
  <init-param>
   <param-name>definitions-config</param-name>
   <param-value>/WEB-INF/tiles-defs.xml</param-value>
  </init-param>
  <init-param>
   <param-name>definitions-parser-validate</param-name>
   <param-value>true</param-value>
  </init-param>
  <load-on-startup>2</load-on-startup>
 </servlet>
 
	<servlet-mapping>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>*.faces</url-pattern>
	</servlet-mapping>
	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>
</web-app>

**Jack-Ob** · 04/08/2008, 11h40

Bon je n'utilise ni Tomahawk ni Struts, mais je ne pense pas que ce soit eux qui te bloque ton css.
Peux être tu n'as pas réactualisé le cache de ton navigateur. Essaye de recharger ta page en faisant ctrl+F5.
Si tu utilise Firefox et que tu as l'extension Firebug tu peux vérifier si ton css est bien chargé.

**tomy29** · 04/08/2008, 11h54

Voici ce que me dit firebug, il repere bien la feuille de style je pense? BIzarre qu'il ne l'applique pas.
Pièce jointe 34179

**tomy29** · 04/08/2008, 11h58

apres "effaçage" du caches et autres cookies, etc... ca fonctionne...
je n'y comprends rien ,car j'ai deja effacé pas mal de fois le cache!!
Merci encore pour ton aide en tout cas.

**Jack-Ob** · 04/08/2008, 12h08

De rien,

quand je réactualise une page web, j'ai pris l'habitude de toujours faire ctrl+F5 ce qui m'évite de perdre du temps sur des erreurs comme la tienne(ce qui m'arrivait de temps en temps avent

)

Bonne journée

**tomy29** · 04/08/2008, 12h24

C'est bizarre, parfois F5 suffit a actualiser l'affichage, parfois rien ne change.
Mais bon, mon css fonctionne, et c'etait le but! : )

JSF et styles CSS

JSF Java

Discussions similaires

Partager

Partager