[RESOLVIDO]problemas com css

olá pessoal.
estou trabalhando em sistema web com jsf e primefaces utilizando cliente de facelets.
o problema:
na página "mãe" (página principal que recebe-ui:insert- as outras páginas usando ui:composition e ui:define)
há vários links estáticos, ou seja, em qualquer que eu clique só mudará o meio da página, mas o css só incorpora a página para o 1° link que clico. depois só vem xhtml puro, sem o css.
desde já agradeço a ajuda. :)

link do css:(funciona mto bem até a nagegação do 1° link clicado)

&lt;link rel="stylesheet" href="./css/estilo.css" type="text/css"/&gt;

esses são os links da página "mãe":

&lt;h:form&gt;
                    <ul>
                        <li>&lt;h:commandLink styleClass="a" action="#{navegacao.cadastrar_diretorio()}"&gt;Diretorio&lt;/h:commandLink&gt;</li>
                        <li>&lt;h:commandLink styleClass="a" action="#{navegacao.cadastrar_tipo_pessoa()}"&gt;Tipo Pessoa&lt;/h:commandLink&gt;</li>
                        <li>&lt;h:commandLink styleClass="a" action="#{navegacao.cadastrar_pessoa()}"&gt;Pessoa&lt;/h:commandLink&gt;</li>
                        <li>&lt;h:commandLink styleClass="a" action="#{navegacao.salvar_ponto()}"&gt;Salvar Ponto&lt;/h:commandLink&gt;</li>
                        <li>&lt;h:commandLink styleClass="a" action="#{navegacao.sair()}"&gt;Sair&lt;/h:commandLink&gt;</li>
                    </ul>
                &lt;/h:form&gt;

aqui (logo abaixo dos links na página mãe) é onde será carregado as páginas:

&lt;ui:insert name="meioPrincipal"&gt;

                &lt;/ui:insert&gt;

essa é a 'regra de negócio' (navegação)

@ManagedBean(name = "navegacao")
@SessionScoped
public class Navegacao {
    public String index() {
        return "index";
    }
    public String cadastrar_diretorio() {
        return "cadastrar_diretorio";
    }
    public String sair() {
        return "sair";
    }
    public String cadastrar_tipo_pessoa() {
        return "cadastrar_tipo_pessoa";
    }
    
    public String cadastrar_pessoa() {
        return "cadastrar_pessoa";
    }
    
    public String salvar_ponto() {
        return "salvar_ponto";
    }
    
    public String setor() {
        return "setor";
    }
}

e esse é o faces-config:

&lt;navigation-rule&gt;
        &lt;from-view-id&gt;*&lt;/from-view-id&gt;
        &lt;navigation-case&gt;
            &lt;from-outcome&gt;index&lt;/from-outcome&gt;
            &lt;to-view-id&gt;/index.xhtml&lt;/to-view-id&gt;
        &lt;/navigation-case&gt;
        &lt;navigation-case&gt;
            &lt;from-outcome&gt;cadastrar_diretorio&lt;/from-outcome&gt;
            &lt;to-view-id&gt;/modulos/cadastrardiretorio.xhtml&lt;/to-view-id&gt;
        &lt;/navigation-case&gt;
        &lt;navigation-case&gt;
            &lt;from-outcome&gt;sair&lt;/from-outcome&gt;
            &lt;to-view-id&gt;/login.xhtml&lt;/to-view-id&gt;
        &lt;/navigation-case&gt;
        &lt;navigation-case&gt;
            &lt;from-outcome&gt;cadastrar_tipo_pessoa&lt;/from-outcome&gt;
            &lt;to-view-id&gt;/modulos/tipoPessoa.xhtml&lt;/to-view-id&gt;
        &lt;/navigation-case&gt;
        &lt;navigation-case&gt;
            &lt;from-outcome&gt;cadastrar_pessoa&lt;/from-outcome&gt;
            &lt;to-view-id&gt;/modulos/cadastrarPessoa.xhtml&lt;/to-view-id&gt;
        &lt;/navigation-case&gt;
        &lt;navigation-case&gt;
            &lt;from-outcome&gt;salvar_ponto&lt;/from-outcome&gt;
            &lt;to-view-id&gt;/modulos/salvarPonto.xhtml&lt;/to-view-id&gt;
        &lt;/navigation-case&gt;
        
        &lt;navigation-case&gt;
            &lt;from-outcome&gt;setor&lt;/from-outcome&gt;
            &lt;to-view-id&gt;/modulos/setor.xhtml&lt;/to-view-id&gt;
        &lt;/navigation-case&gt;
    &lt;/navigation-rule&gt;
&lt;/faces-config&gt;

página filha(será carregado dentro do ui:insert):

&lt;ui:composition template="./../index.xhtml"&gt;
        &lt;ui:define name="meioPrincipal"&gt;
            &lt;link rel="stylesheet" href="./css/estilo.css" type="text/css"/&gt;
            &lt;h:body&gt;
                &lt;h:form id="cadastroSimples"&gt;
                    &lt;h:panelGrid columns="2"&gt;
                        &lt;h:inputText size="100" class="ui-corner-all" value="#{L}"/&gt;
                        &lt;h:message for="diretorio"/&gt;<br/>
                    &lt;/h:panelGrid&gt;
                    &lt;p:commandButton style="color: #1F6B75" value="Salvar" action="Salvar"&gt;&lt;/p:commandButton&gt;
                &lt;/h:form&gt;
            &lt;/h:body&gt;
        &lt;/ui:define&gt;
    &lt;/ui:composition&gt;

6 Respostas

Topicos relacionados