Prise en compte de feuille de style dans un JSF

**Jinx_** · 06/02/2008, 17h56

Bonjour,

Mon JSF ne prend pas en compte ma feuille de style que j'ai nomé Output.css. Pourtant elle est dans le même répertoire (la racine) que mon JSF. Comment faire ?

Voila le code de mon JSF:

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
36
37
38
39
 
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link href="Output.css" tel="stylesheet" type="text/css" >
    </head>
    <body>
        <f:view>
            <h1><h:outputText value="JavaServer Faces" /></h1>
 
            <h:form >
                <h:outputText value="Adresse Email " /><h:inputText value="#{RegistrationBean.email}"/><br>
                <h:outputText value="Mot de Passe " /><h:inputSecret value="#{RegistrationBean.password}"/><br>
                <h:commandButton value="Connecter" action="#{RegistrationBean.loginConnect}"/>
            </h:form>
 
            <h:dataTable value="#{OutputBean.personne}" var="personne" border="1" cellspacing="4" width="60%" rowClasses="row1,row2" headerClass="heading" footerClass="footer">
                <h:column>
                    <h:outputText value="#{personne.name}" />
                </h:column>
                <h:column>
                    <h:outputText value="#{personne.firstName}" />
                </h:column>
                 <h:column>
                    <h:outputText value="#{personne.birthDate}" />
                </h:column>
                <h:column>
                    <h:outputText value="#{personne.job}" />
                </h:column>
 
            </h:dataTable>
 
 
 
        </f:view>
 
    </body>
</html>

et ma feuille de style:

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
 
.heading {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;  
font-size: 20px;
color: black;
background-color:silver;
text-align:center;
}
 
.row1 {
background-color:#GFGFGF;
}
 
.row2 {
background-color:#CECECE;
}
 
.footer {
    background-color:#000009;
    Color:white;
    GraphicalComponents
}