[Dúvida] Como criar um submenu?

[Martinsrj]

Olá pessoal, beleza?

Coloquei o meu código no site pastebin para melhor visualização do mesmo.

http://pastebin.com/m7891c5b1

A pergunta é o seguinte. O Menu de navegação está funcionando perfeitamente, porem estou com dificuldade em criar os submenus.

Gostaria de criar os submenus com o código apresentado no site pastebin.

Exemplo.

Home | Sites Úteis | Downloads | Fale Conosco

pppppppppppppppppJogos

pppppppppppppppppAntivirus

pppppppppppppppppPapel de parede

tem que ser um embaixo do outro...

Deem uma olhada no meu site:

http://www.paulomartins.freeweb7.com/

Desde já agradeço aí pela ajuda,

Abraços. :D

Editado Maio 3, 2008 por Martinsrj

[FlavioRS]

Olha neste link se é isto que você quer, la tem bastante menus para baixar.

https://www.scriptbrasil.com.br/download/codigo/6362/

Espero ter ajudado....

Editado Maio 4, 2008 por FlavioRS

[Geleiaskt]

É simples criar este menu que você quer.

O truque é utilizar as listas não-ordenadas (UL/LI) e setar a lista (UL) com display:block. Aí é só você colocar para que os ítens (LI) fiquem ocultos (display:none;) e quando o usuário passar o mouse sobre os ítens (a:hover) eles aparecam (display:visible;).

Para alinhas e criar espacamentos utiliza as propriedades margin, padding e até a line-height.

Abraço!

[Martinsrj]

É simples criar este menu que você quer.

O truque é utilizar as listas não-ordenadas (UL/LI) e setar a lista (UL) com display:block. Aí é só você colocar para que os ítens (LI) fiquem ocultos (display:none;) e quando o usuário passar o mouse sobre os ítens (a:hover) eles aparecam (display:visible;).

Para alinhas e criar espacamentos utiliza as propriedades margin, padding e até a line-height.

Abraço!

Geleiaskt, você tem colocar um exemplo?

Agora é sua dica funciona no Internet Explorer e tb no Firefox???

Obrigado pelas dicas.

Editado Maio 6, 2008 por Martinsrj

[Geleiaskt]

É simples criar este menu que você quer.

O truque é utilizar as listas não-ordenadas (UL/LI) e setar a lista (UL) com display:block. Aí é só você colocar para que os ítens (LI) fiquem ocultos (display:none;) e quando o usuário passar o mouse sobre os ítens (a:hover) eles aparecam (display:visible;).

Para alinhas e criar espacamentos utiliza as propriedades margin, padding e até a line-height.

Abraço!

Geleiaskt, você tem colocar um exemplo?

Agora é sua dica funciona no Internet Explorer e tb no Firefox???

Obrigado pelas dicas.

Pow cara, infelizmente no momento não tenho nada feito neste estilo mas se você soube um pouco de CSS você consegue fazer com a idéia que te passei acima.

Abraço!