Boa tarde Pessoal,
Eu estou com o seguinte problema:
Estou fazendo um projeto com JSF (Mojorra 2.0.3), onde utilizo diversos recursos do primefaces (3.0 M3). Para configurar a formatação da tela, como de praxe, utilizo um arquivo CSS.
Contudo, aparentemente, as tags do Prime nao estao reconhecendo o arquivo externo. Alguem sabe porque?
Segue abaixo como estou utilizando o meu XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/css/style.css" />
</h:head>
<h:form id="form">
<h:form>
<p:dataTable var="car" value="#{tableBean.carsSmall}"
widgetVar="carsTable" paginator="true" rows="10" paginatorPosition="bottom"
paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
emptyMessage="No cars found with given criteria">
<f:facet name="header" >
<div class="fontes">
Para essa div, esta reconhecendo normalmente meu CSS
<h:form>
<p:commandButton styleClass="buttons" value="Nova Tag" onclick="tag.show()" />
</h:form>
Para o <p:commandButton> , o navegador nao exibe o CSS.
Segue o arquivo “style.css”
.fontes {
float: left;
position: relative;
top: -3px;
left: -5px;
}
.buttons {
font-size: 10px;
}
.fff {
float: right;
position: relative;
top: -3px;
left: 5px;
}
Aguardo retorno…