Publicado em 11 de jul.

Menu vertical com sub menus

Gostaria que este menu tivesse um sub menu.

Tem como?

<style type="text/css">
	@import url(menu_style.css);
</style>
</head>
<body>

<ul id="menu">
 <li><a href="#" title="Home">Home</a></li>
 <li><a href="#" title="Products">Products</a></li>
 <li><a href="#" title="Services">Services</a></li>
 <li><a href="#" title="Support">Support</a></li>
 <li><a href="#" title="FAQ">FAQ</a></li>
</ul>Tbm se possível gostaria de saber se posso inserir uma imagem no sub menu.Dês de já obrigado.

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Thiago Retondar· 11 de jul.

http://forum.imasters.com.br/public/style_emoticons/default/searchbeforeposting.gif

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://maujor.com/tutorial/ddownmenu.php

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Erich VB· 11 de jul.

Usei este código e o menu fica visível.

Queria que ele só aparecesse quando passasse o mouse encima do menu, e queria que ele aparecesse al lado.

<li><a href="#">About</a>
 <ul>
 <li><a href="#">History</a></li>
 <li><a href="#">Team</a></li>
 <li><a href="#">Offices</a></li>
 </ul>

****

-------------------

Posts Mesclados

-------------------

Procurei no google e já tinha visto este site antes.

Thiago Retondar· 11 de jul.

Se você não conseguiu aprender com o link passado, não sei o que te indicar.

Aquele é um dos melhores.

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Erich VB· 11 de jul.

Não consegui usar o código:

ul li a {

	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}Coloquei ele no css e nada.Tbm tentei outros.

Thiago Retondar· 11 de jul.

Faça o passo-a-passo do tutorial.

Na seção de Artigos, Matérias e Tutoriais há um excelente tópico sobre esse assunto.

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif