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

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

Subject: [javasf] Re: CommandButtonPrimefaces sobrepondo menu css
From: Dionatan Hovoruski
Date: Fri, 12 Aug 2011 15:18:26 -0700 PDT
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>
                        </ul>
                    </div>
                    <div class="col_1">
                        <h3>Matrículas</h3>
                        <ul>
                            <li><a href="../matricula/
inserir.xhtml">Matrícular aluno</a></li>
                            <li><a href="../matricula/
index.xhtml">Listar</a></li>
                        </ul>
                    </div>
                    <div class="col_1">
                        <h3>Cursos</h3>
                        <ul>
                            <li><a href="../curso/inserir.xhtml">Novo
Curso</a></li>
                            <li><a href="../curso/index.xhtml">Listar</
a></li>
                        </ul>
                    </div>
                    <div class="col_1">
                        <h3>Outros</h3>
                        <ul>
                            <li><a href="../nivel/index.xhtml">Níveis</
a></li>
<!--                            <li><a href="#">Empréstimos</a></li>--
>
                        </ul>
                    </div>
                </div>
            </li><!-- Fim de Escolas -->
            <li><a href="#" class="drop">Financeiro</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>Produtos</h3>
                        <ul>
                            <li><a href="../produto/
inserir.xhtml">Cadastrar</a></li>
                            <li><a href="../produto/
index.xhtml">Listar</a></li>
                        </ul>
                    </div>
                    <div class="col_1">
                        <h3>Contas à Pagar</h3>
                        <ul>
                            <li><a href="../contaspagar/
inserir.xhtml">Lançar conta</a></li>
                            <li><a href="../contaspagar/
index.xhtml">Listar</a></li>
                        </ul>
                    </div>
                    <div class="col_1">
                        <h3>Contas à Receber</h3>
                        <ul>
                            <li><a href="../contasreceber/
inserir.xhtml">Lançar Conta</a></li>
                            <li><a href="../contasreceber/
index.xhtml">Listar</a></li>
                        </ul>
                    </div>
                    <div class="col_1">
                        <h3>Entradas</h3>
                        <ul>
                            <li><a href="../entrada/
inserir.xhtml">Nova entrada</a></li>
                            <li><a href="../entrada/
index.xhtml">Listar</a></li>
<!--                            <li><a href="../entrada/
inserir.xhtml">Últimas movimentações</a></li>-->
                        </ul>
                    </div>
                    <div class="col_1">
                        <h3>Vendas/Saídas</h3>
                        <ul>
                            <li><a href="../saidas/
inserir.xhtml">Inserir</a></li>
                            <li><a href="../saidas/
index.xhtml">Listar</a></li>
<!--                            <li><a href="#">Últimas vendas</a></
li>-->
                        </ul>
                    </div>
                </div>
            </li><!-- Fim de Escolas -->
            <li><a href="#" class="drop">Relatórios</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>Turmas</h3>
                        <ul>
                            <li><a href="#">Cadastrar</a></li>
                            <li><a href="#">Listar</a></li>
                        </ul>
                    </div>
                    <div class="col_1">
                        <h3>Matrículas</h3>
                        <ul>
                            <li><a href="#">Matricular aluno</a></li>
                            <li><a href="#">Listar</a></li>
                        </ul>
                    </div>
                    <div class="col_1">
                        <h3>Cursos</h3>
                        <ul>
                            <li><a href="#">Novo Curso</a></li>
                            <li><a href="#">Listar</a></li>
                        </ul>
                    </div>
                    <div class="col_1">
                        <h3>Outros</h3>
                        <ul>
                            <li><a href="#">Níveis</a></li>
                            <li><a href="#">Empréstimos</a></li>
                        </ul>
                    </div>
                </div>
            </li><!-- Fim de Escolas -->
            <li class="menu_right"><a href="#" class="drop">Ajuda</a>
                <div class="dropdown_1column align_right">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="#">Video-aulas</a></li>
                            <li><a href="#">Manual</a></li>
                            <li><a href="#">Sobre</a></li>
                        </ul>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</ui:composition>

Print do problema:

http://www.upsolutions.com.br/print3.jpg


On 12 ago, 19:04, Bruno Maomeh <brunomao...@xxxxxxxxx> wrote:
> se você puder colocar o trecho de código referente à isso, facilita alguém a
> ajudar..
>
> Em 12 de agosto de 2011 18:30, Dionatan Hovoruski
> <dionatan1...@xxxxxxxxx>escreveu:
>
> > Estou usando a biblioteca primefaces. Porém os botões(commandbutton)
> > do primefaces estão sobrepondo os do menu css na parte superior da
> > tela.
>
> > Alguem sabe como resolver????
>
> > --
> > 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
>
> --
> Bruno Maomeh
>    http://brunomaomeh.wordpress.com

-- 
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>