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

(Resolvido) Menu com submenu - css


lpfx

Pergunta

Boa tarde..

Eu estou tentando fazer um menu vertical com submenus..

Eu usei esse modelo: Modelo

Mas esse modelo não tem submenus.

Então eu fiz assim:

menu:

<ul class="sidenav">

    <li><a href="quem_somos.php">Quem somos</a></li>

    <li><a href="noticias.php">Notí­cias</a></li>

    <li><a href="#">Eventos
    <span>
        <a href="calourada.php">Calourada</a><br>
    <a href="outros.php">Outros</a>
        </span>
    </a></li>
    
    <li><a href="convenios.php">Convênios</a></li>

         .....

    <li><a href="#">Institucional
    <span>
        <a href="programa.php">Programa</a><br>
    <a href="estatuto.php">Estatuto</a>
        </span>
    </a></li>

    <li><a href="galeria.php">Galeria de Fotos</a></li>

    </ul>
css
<style type="text/css"> 
body {
    background: #222;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
a:focus {
    outline: none;
}
ul.sidenav {
    font-size: 1.2em;
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #005094;
    border-bottom: 1px solid #3373a9;
    border-top: 1px solid #003867;
}
ul.sidenav li a{
    display: block;
    color: #fff;
    text-decoration: none;
    width: 155px;
    padding: 10px 10px 10px 35px;
    background: url(sidenav_a.gif) no-repeat 5px 7px;
    border-top: 1px solid #3373a9;
    border-bottom: 1px solid #003867;
}
ul.sidenav li a:hover {
    background: #003867 url(sidenav_a.gif) no-repeat 5px 7px;
    border-top: 1px solid #1a4c76;
}

ul.sidenav li span{    display: none; }

ul.sidenav li a:hover span {
    display: block;
    font-size: 0.8em;
    padding: 10px 0;
}

</style>

Não aparece o link do submenu.. nem mesmo o texto.

Alguém pode me ajudar?

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

6 respostass a esta questão

Posts Recomendados

  • 0
Pelo que vi na funcionabilidade do menu, o texto principal e o texto que aparece ao passar o mouse por esse texto principal são um único link. Ou seja, da forma que você quer usar creio que não vai dar certo.

Hum.. q pena!

você sabe algum outro jeito de fazer um menu vertical desse jeito?

Tipo.. deslizando o menu para baixo para mostrar o submenu..

Link para o comentário
Compartilhar em outros sites

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
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...