JSF et styles CSS

Version imprimable

JSF et styles CSS

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:

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.

01/08/2008, 18h26
guigui5931
Je ne pense pas que tu ai besoin de la balise <c:url> dans la déclaration de ton style.
Code:

1 2 3 4 <link rel="stylesheet" type="text/css" href="/css/style.css">
devrait suffire.
04/08/2008, 09h16
pClement

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

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

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

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:

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:

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>

04/08/2008, 10h58
Jack-Ob

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?

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

Code:

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>

04/08/2008, 11h40
Jack-Ob

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é.
04/08/2008, 11h54
tomy29

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
04/08/2008, 11h58
tomy29

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.
04/08/2008, 12h08
Jack-Ob

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
04/08/2008, 12h24
tomy29

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