Discussion :

[sorown]

Bonjour,
Je travaille sur un projet JSF/JPA, maintenant j'essaye d'ameliorer le design de mon site, mais j'ai eu le probleme suivant:

j'ai regroupé les pages dans des dossiers differents pour plus de lisibilité,par exemple(les dossiers gestionUtilisateur,gestionRessource ...), mais j'ai mis les fichierS suivants dans la racine WEB-INF (style.css, header.xhtml ,content.xhtml, Footer.xhtml ces 3 derniers qui declarent le style.css).
sachant que le style.css s'applique bien sur ces 3 fichiers, quand j'execute les autres pages situant dans les dossiers le style css ne s'applique pas.

et aussi ce que je ne comprends pas est quand je deplace le style.css dans le dossier gestionUtilisateur par ex, ca fonctionne très bien, malgré que les fichiers qui composent la page (header.xhtml ,content.xhtml, Footer.xhtml dont le style est declaré) sont hors ce dossier.

y'as t'il quelque chose que j'ai raté dans le cours :d, aidez mois SVP

[Alkhan]

Bonjour,

y'as t'il quelque chose que j'ai raté dans le cours :d

Difficile a dire si tu ne montres pas le code ! nous ne somme pas des voyants !
De quelle façon tu importes ton css ?

[sorown]

voila comment j'importe le css: <link rel="stylesheet" type="text/css" href="cssstyle.css"/>,,
je peux pas vous copier tous le code car le pc connecté au reseau n'est pas celui ou je travaille.

[Alkhan]

voila comment j'importe le css: <link rel="stylesheet" type="text/css" href="cssstyle.css"/>,,
je peux pas vous copier tous le code car le pc connecté au reseau n'est pas celui ou je travaille.

Tu devrais plutôt utiliser :

Code :

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

<h:outputStylesheet library="css" name="style.css"  />

Dans ce cas ton fichier style.css doit se trouver dans le répertoire "resources/css".

Si tu souhaites géré plusieurs theme dans ce cas tu pourras faire :

Code :

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

<h:outputStylesheet library="theme1" name="css/style.css"  />

Et donc le répertoire contenant style.css sera alors "resources/theme1/css".