Ir para conteúdo
Fórum Script Brasil
  • 0

Lista na vertical para menu dropdown


Carlos Rocha

Pergunta

Pessoal. Boa Tarde!

Tenho a seguinte lista desordenada que pretendo fazer um menu drop down com ela.

Porem, gostaria que esse menu fosse na horizontal os menus principal e que o drop down fosse vertical.

O que eu tenho qu fazer?

<ul><li><a href="index.php">Home</a></li>
        <li><a href="anuncie.php">Anuncie</a></li>
        <li><a href="contato.php">Contato</a></li>
        <li><a href="lancamentos.php">Lançamentos</a></li>
        <li><a href="quemsomos.php">Quem Somos</a></li>
        <li><a href="servicos.php">Serviços</a></li>
        <li><a href="pesquisa.php">Comprar</a>
            <ul>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=apartamento">Apartamento</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=casa">Casa</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=chacara">Chácara</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=fazenda">fazenda</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=kitnet">Kitnet</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=sala">Sala</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=sobrado">Sobrado</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=sobreloja">Sobre Loja</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=terreno">Terreno</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=apartamento" class="endlist" >Outros</a></li>
            </ul>
         </li>
    </ul>
http://www.minhaprimeiracasa.com.br/ Inclusive a minha logo vai entrar extamente antes do menu. Igualzinho. Tentei fazzer esse css mas não dá certo
body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
    color: #666;
    background-color: #fff;
    background-image:url(../../img/fundo_site.jpg); 
    background-repeat:repeat-x;
    margin: 0; /*AQUI, COLOCAMOS TODAS AS MARGENS(top,button, left e right) EM 0.*/
}

ul {
    margin: 0; /*AQUI, COLOCAMOS TUDO QUE ESTA DENTRO DE UL COM MARGENS(TODAS) EM 0*/
    padding: 0; /*AQUIN RETIRAMOS AS MARCAÇOES: AQUELES PONTINHOS ANTES DAS LINHAS*/
    }

ul li ul li {
    display: none; /*AQUI, TODAS AS INFORMÇOES SOMEM*/ 
    }

Tentei olhar no codigo fonte dessa pagina mas toda tentativa que fiz o menu saiu na verrical e nem consegui colocar a logo antes do menu.

Editado por Carlos Rocha
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...