javasf@googlegroups.com
[Top] [All Lists]

[javasf] Re: CommandButton(Primefaces sobrepondo menu css)

Subject: [javasf] Re: CommandButtonPrimefaces sobrepondo menu css
From: Dionatan Hovoruski
Date: Mon, 15 Aug 2011 17:34:13 -0700 PDT
Valeu Matruskan

Funcionou.



On 14 ago, 17:28, Matruskan <matrus...@xxxxxxxxx> wrote:
> Tente colocar a propriedade "z-index" no CSS do seu menu:
>
> z-index: 9999;
>
> Essa propriedade controla a ordem dos componentes na tela, dizendo quem fica
> em cima de quem.
> Componentes com z-index alto ficam por cima de componentes com z-index
> baixo.
>
> 2011/8/14 Dionatan Hovoruski <dionatan1...@xxxxxxxxx>
>
>
>
>
>
>
>
> > O problema é que se eu altero o position do meu menu ele estraga
> > inteiro.
>
> > Tentei colocar o !important no meu css também não resolveu.
>
> > =( E eu pensando que o primefaces seria a solução dos meus problemas.
>
> > On Aug 13, 6:50 pm, Arthur Franco Ferreira <arcanjo...@xxxxxxxxx>
> > wrote:
> > > Não sei no teu código, mas essa classe não altera em nada o meu body. Eu
> > já
> > > vi isso no firebug, mas não tem nenhum CSS nela.
>
> > >    *Arthur Franco Ferreira*
> > > *Analista Desenvolvedor Web Java Pleno*
> > > Licenciado em Computação
> > > UNILASALLE-RJ
>
> > > On Sat, Aug 13, 2011 at 4:47 PM, Dionatan Hovoruski
> > > <dionatan1...@xxxxxxxxx>wrote:
>
> > > > Quando eu uso qualquer componente do primefaces o body da minha CSS
> > > > fica assim:
>
> > > > html > body .yui-skin-sam > div #tudo
>
> > > > quando não uso fica assim:
>
> > > > html > body > div #tudo
>
> > > > On Aug 13, 2:09 am, Matruskan <matrus...@xxxxxxxxx> wrote:
> > > > > Geralmente as propriedades CSS do primefaces sobrepõem os scripts
> > > > > adicionados.
> > > > > Uma dica é usar "!important" depois das propriedades.
> > > > > Ex.:
>
> > > > > background-color: #0000AA !important;
> > > > > width: 70% !important;
>
> > > > > On Sat, Aug 13, 2011 at 00:23, Arthur Franco Ferreira
> > > > > <arcanjo...@xxxxxxxxx>wrote:
>
> > > > > > Tá com cara de ser problema com a propriedade *position* do css. Se
> > > > você
> > > > > > utilizar o firefox, use o firebug para analisar o CSS dos
> > componentes
> > > > do
> > > > > > primefaces e procure por essas propriedades. Tente desabilitá-las
> > para
> > > > ver
> > > > > > se é isso.
>
> > > > > >    *Arthur Franco Ferreira*
> > > > > > *Analista Desenvolvedor Web Java Pleno*
> > > > > > Licenciado em Computação
> > > > > > UNILASALLE-RJ
>
> > > > > > 2011/8/12 Dionatan Hovoruski <dionatan1...@xxxxxxxxx>
>
> > > > > >> Pagina onde estou o usando o menu:
>
> > > > > >> <?xml version='1.0' encoding='UTF-8' ?>
> > > > > >> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> > > > "http://
> > > > > >>www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> > > > > >> <html xmlns="http://www.w3.org/1999/xhtml";
> > > > > >>      xmlns:h="http://java.sun.com/jsf/html";
> > > > > >>      xmlns:p="http://primefaces.prime.com.tr/ui";
> > > > > >>      xmlns:ui="http://java.sun.com/jsf/facelets";>
> > > > > >>    <h:head>
> > > > > >>        <meta http-equiv="Content-Type" content="text/html;
> > > > > >> charset=utf-8" />
> > > > > >>        <link type="text/css" rel="stylesheet"
> > href="../css/menu.css" /
>
> > > > > >>        <link rel="stylesheet" href="../css/principal.css"
> > type="text/
> > > > > >> css"/>
> > > > > >>        <title>Cadastro de Cursos - Webscola</title>
> > > > > >>    </h:head>
> > > > > >>    <h:body>
> > > > > >>        <div id="tudo">
> > > > > >>            <div id="menu_superior">
> > > > > >>                <div id="menu_usuario">New Winters School -
> > Imbituva.
> > > > > >> Seja bem vindo(a) <a>Dionatan Hovoruski</a>.</div>
> > > > > >>                <div id="menu_sair"><a href="#">Sair</a></div>
> > > > > >>                <div></div>
> > > > > >>            </div>
> > > > > >>            <div id="topo">
> > > > > >>                <div id="logo_sistema"><p href="index.jsp"
> > > > > >> alt="Webscola"></p></div>
> > > > > >>                <div id="logo_empresa"></div>
> > > > > >>            </div>
> > > > > >>            <ui:include src="../menu.xhtml"/>
> > > > > >>            <div id="geral">
> > > > > >>                <div id="conteudo">
> > > > > >>                    <div id="menu_conteudo">
> > > > > >>                        <p>Cadastro de Cursos</p>
> > > > > >>                    </div>
>
> > > > > >>                    <h:form style="margin-top: 5px;">
> > > > > >>                        <h:panelGroup>
> > > > > >>                            <p:commandButton value="Salvar"
> > image="ui-
> > > > > >> icon ui-icon-disk" action="#{cursoController.salvar}"
> > update="msgs"/>
> > > > > >>                            <p:commandButton value="Cancelar"
> > > > > >> style="margin-left: 10px;" image="ui-icon ui-icon-cancel"/>
> > > > > >>                            <p:messages id="msgs"
> > showDetail="true"/>
> > > > > >>                        </h:panelGroup>
>
> > > > > >>                        <p:panel header="Dados do Curso"
> > > > > >> style="height: 100%; margin-top: 5px;">
>
> > > > > >>                            <p:tooltip global="true"/>
> > > > > >>                            <h:panelGrid columns="1" width="100%">
> > > > > >>                                <h:panelGroup>
> > > > > >>                                    <h:outputText value="Código:"
> > > > > >> style="margin: 10px 0px 0px 0px"/>
> > > > > >>                                    <p:inputText title="Código"
> > > > > >> label="Código" style="margin: 10px 0px 0px 5px; width: 120px"
> > > > > >> value="#{cursoController.curso.id}" converter="conversor"/
>
> > > > > >>                                    <h:outputText value="Curso:"
> > > > > >> style="margin: 10px 0px 0px 5px"/>
> > > > > >>                                    <p:inputText title="Curso"
> > > > > >> label="Curso" style="margin: 10px 0px 0px 5px; width: 340px"
> > > > > >> value="#{cursoController.curso.descricao}" converter="conversor"
> >  />
> > > > > >>                                </h:panelGroup>
>
> > > > > >>                                <h:outputText value="Observações:"
> > > > > >> style="margin: 20px 0px 0px 0px"/>
> > > > > >>                                <p:inputTextarea style="height:
> > 90px;
> > > > > >> width: 850px; margin: 5px 0px 0px 0px;"
> > > > > >> value="#{cursoController.curso.observacao}" converter="conversor"
> >  />
>
> > > > > >>                            </h:panelGrid>
> > > > > >>                        </p:panel>
> > > > > >>                    </h:form>
> > > > > >>                </div>
> > > > > >>                <div id="clear"></div>
> > > > > >>            </div>
> > > > > >>            <div id="rodape">
> > > > > >>                <p>Webscola 2011 - Todos os direitos
> > reservados.</p>
> > > > > >>            </div>
> > > > > >>        </div>
> > > > > >>    </h:body>
> > > > > >> </html>
>
> > > > > >> O menu que está sendo incluído na página:
>
> > > > > >> <ui:composition xmlns="http://www.w3.org/1999/xhtml";
> > > > > >>                xmlns:h="http://java.sun.com/jsf/html";
> > > > > >>                xmlns:p="http://primefaces.prime.com.tr/ui";
> > > > > >>                xmlns:ui="http://java.sun.com/jsf/facelets";>
> > > > > >>    <div id="menu" >
> > > > > >>        <ul id="menu_principal">
>
> > > > > >>            <li><a href="../index.xhtml" class="drop">Home</a></
> > > > > >> li><!-- End Home Item -->
>
> > > > > >>            <li><a href="#" class="drop">Cadastros</a>
> > > > > >>                <div class="dropdown_4columns"><!-- Begin 4 columns
> > > > > >> container -->
> > > > > >>                    <div class="col_4">
> > > > > >>                        <h2>Selecione a opção desejada</h2>
> > > > > >>                    </div>
> > > > > >>                    <div class="col_1">
> > > > > >>                        <h3>Clientes</h3>
> > > > > >>                        <ul>
> > > > > >>                            <li><a href="../clientes/
> > > > > >> inserir.xhtml">Cadastrar</a></li>
> > > > > >>                            <li><a href="../clientes/
> > > > > >> index.xhtml">Listar</a></li>
> > > > > >>                        </ul>
> > > > > >>                    </div>
> > > > > >>                    <div class="col_1">
> > > > > >>                        <h3>Alunos</h3>
> > > > > >>                        <ul>
> > > > > >>                            <li><a href="../aluno/
> > > > > >> inserir.xhtml">Cadastrar</a></li>
> > > > > >>                            <li><a
> > href="../aluno/index.xhtml">Listar</
> > > > > >> a></li>
> > > > > >>                        </ul>
> > > > > >>                    </div>
> > > > > >>                    <div class="col_1">
> > > > > >>                        <h3>Professores</h3>
> > > > > >>                        <ul>
> > > > > >>                            <li><a href="../professor/
> > > > > >> inserir.xhtml">Cadastrar</a></li>
> > > > > >>                            <li><a href="../professor/
> > > > > >> index.xhtml">Listar</a></li>
> > > > > >>                        </ul>
> > > > > >>                    </div>
>
> > > > > >>                    <div class="col_1">
> > > > > >>                        <h3>Usuários</h3>
> > > > > >>                        <ul>
> > > > > >>                            <li><a href="../usuario/
> > > > > >> inserir.xhtml">Cadastrar</a></li>
> > > > > >>                            <li><a href="../usuario/
> > > > > >> index.xhtml">Listar</a></li>
> > > > > >>                        </ul>
> > > > > >>                    </div>
>
> > > > > >>                    <div class="col_1">
> > > > > >>                        <h3>Fornecedores</h3>
> > > > > >>                        <ul>
> > > > > >>                            <li><a href="../fornecedor/
> > > > > >> inserir.xhtml">Cadastrar</a></li>
> > > > > >>                            <li><a href="../fornecedor/
> > > > > >> index.xhtml">Listar</a></li>
> > > > > >>                        </ul>
> > > > > >>                    </div>
> > > > > >>                </div>
> > > > > >>            </li><!-- Fim de CADASTROS -->
>
> > > > > >>            <li><a href="#" class="drop">Escola</a>
> > > > > >>                <div class="dropdown_4columns">
> > > > > >>                    <div class="col_1">
> > > > > >>                        <h3>Turmas</h3>
> > > > > >>                        <ul>
> > > > > >>                            <li><a href="../turma/
> > > > > >> inserir.xhtml">Cadastrar</a></li>
> > > > > >>                            <li><a
> > href="../turma/index.xhtml">Listar</
> > > > > >> a></li>
>
> ...
>
> mais »

-- 
Você recebeu esta mensagem por que é membro do  Javasf
http://groups.google.com/group/javasf

Conheça também o Java Brazil: http://groups.google.com/group/thejavabrazil

<Prev in Thread] Current Thread [Next in Thread>