Prise en compte de feuille de style dans un JSF
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:
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:
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
} |
Merci de toute aide
Jinx