Ir para o conteúdo

Menu Drop Down 3 Níveis


Criado por João Prado, Out 04 2010 16:07

Não há respostas para este tópico
  • Por favor, faça o login para responder

#1 João Prado

João Prado
  • João Prado
  • Colaborador
  • 14 Revisões

Revisou 04 outubro 2010 - 16:07

Opa pessoal, iniciando minha contribuição aqui no Code estou postando o código de um menu Drop Down com 3 níveis.

Funfando em:

Firefox 4.0(Beta 6)
Chrome 6
Opera 10.62
Internet Explorer 9 (Beta)

Não testei em navegadores mais antigos, alguns pode ser que voce precise utilizar alguns hacks ou comentários condicionais.

Obs: tanto o CSS quanto o HTML estão validados!

Vamos lá!

HTML

Spoiler


CSS

Spoiler


Vamos as explicações:

ul.nivel_1 li a{
    display:block;
    height:40px;
    line-height:40px;
}

Foi necessário replicar estes estilos (que já estavam marcados na li) por algum erro do Chrome que ainda não consegui descobrir :P

Se alguém souber como melhorar o código sinta-se livre para fazer uma revisão :)

Abraços
João Prado




1 usuário(s) está(ão) lendo este código

1 membro(s), 0 visitante(s) e 0 membros anônimo(s)