Menu e Sub Menu

[Sayo 0]

Olá, gostaria de fazer um menu que tivesse sub menus, não estou acertando.

será que vcs podem me ajudar?

vou postar o codigo do que fiz, ok?

<ul class="topmenu">
		<li>
		<a href="webmail.html">Webmail</a></li>	   
		<li>
		<a href="contato.html">Contato</a></li>
		<li>
		<a href="convenios.html">Convênios</a></li>
		<li>
		<a href="servicos.html">Serviços</a></li>
		<li>
		<a href="cirurgias.html">Cirurgias</a></li>
		<li>
		<a href="especialidades.html">Especialidades </a></li>
		<li>
		<a href="ohospital.html">O Hospital</a></li>
	  </ul>

Grata, desde já

 

Sayonara

[roberto182 0]

Boa Noite,

 

Segue exemplo de HTML mais script:

 

http://www.tableless.com.br/jquery-e-bom-para-designers

 

[]'s

[webflex 0]

Olá,

 

Bom eu não vi o submenu no HTML.. Aqui segue um exemplo:

 

<ul id="menu">
	<li><a>Teste</a></li>
	<li><a>SubMenu aqui</a>
		  <ul id="submenu">
				<li><a>submenu1</a></li>
				<li><a>submenu2</a></li>
				<li><a>....</a></li>
		  </ul>
	 </li>
	 <li><a>Link</a></li>
</ul>

Espero que tenho percebido o exemplo.

 

Cumps

[Aprendiz CSS 3]

acho que a dica do webflex é otima!

 

basta agora exibir e ocultar o menu de acordo com o click ou com o passar do mouse

 

 

abraço

[Sayo 0]

acho que a dica do webflex é otima!

 

basta agora exibir e ocultar o menu de acordo com o click ou com o passar do mouse

 

 

abraço

Olá, e como faço pra ocultar o sub-menu?

veja o meu css do "topmenu"

.topmenu {
	height: 27px;
	background: url("../images/topmenu.png") no-repeat left top;
	text-align: right;
	padding: 35px 27px 0 0;
}
.page>.topmenu {
	min-height: 27px;
	height: auto;
}
.topmenu li {
	display: inline
}
.topmenu li a {
	float: right;
	width: 101px;
	height: 22px;
	background: #A3BDE5 url("../images/roll.png") no-repeat left top;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	overflow: hidden;
}
.topmenu li>a {
	min-height: 22px;
	height: auto;
}
.topmenu li a:hover {
	background: #83A6DC url("../images/roll.png") no-repeat 0 -27px;
}

 

 

Como implemento, pra obedecer pra ocultar?

[webflex 0]

Olá,

 

Poderei ver esse exemplo online?

 

Cumps

[Aprendiz CSS 3]

Para ocultar você pode usar o display: none; ou o text-ident com valor negativo!

 

poste um link no ar que facilita!

 

abraço

[roberto182 0]

Depois de criado o html e o css...

 

JQuery neles...

http://docs.jquery.com/UI/Accordion

 

Ou outro efeito.

http://docs.jquery.com/UI/Effects/Slide

 

:)

[Sayo 0]

OLÁ,

já quebrei a cabeça e não consigo fazer o menu ficar legal.

veja, o topico que tem sub menu, ele não assume o CSS e ainda... ele fica na horizontal, nao estou conseguindo colocar na vertical.

veja o codigo

www.saymitec.com.br/hospitalaeroporto/diretoria_teste.html

 

Se puder me ajudar, agradeço

Sayonara

 

 

Para ocultar você pode usar o display: none; ou o text-ident com valor negativo!

 

poste um link no ar que facilita!

 

abraço

[webflex 0]

Olá,

 

veja o seu código:

<li class="itemPai">Servicos</li>
	  <ul class="subMenu">
		<li><a href="#">SubItem 1</a></li>
		<li><a href="#">SubItem 2</a></li>

		<li><a href="#">SubItem 3</a></li>
	  </ul>

Você tem que colocar o ul com class = subMenu dentro do li pai.

Exemplo:

<li class="itemPai">Servicos
	  <ul class="subMenu">
		<li><a href="#">SubItem 1</a></li>
		<li><a href="#">SubItem 2</a></li>

		<li><a href="#">SubItem 3</a></li>
	  </ul>
	  </li>

Cumps

[Sayo 0]

Oi, fiz a modificação, obrigada!!! mas o menu se desloca... pro lado...

como faço pra colocar pra o submenu ficar na vertical?

 

 

ele está todo desconfigurado!

 

Consegui resolver a situação do Menu, só que agora, ele fica atras das figuras e texto.

 

veja:

http://www.saymitec.com.br/modelo1/index2.html

 

Onde devo mexer pra que isso não aconteça.

No CSS, ou no proprio MENU?

[William Bruno 1501]

Coloca um "z-index" pro menu, maior que o dos outros elementos.

Vale lembrar que essa propriedade só funciona com um position aliado.

[jeancamillo 0]

Olá pessoal, vi que esse tópico é velho mas estou começando e estou condificuldades já que nao manjo nada de programação.

Estou arrumando o site da igreja www.paroquiasaojorge.com.br e nele tem uma tabela a esquerda com links..

Quero adicionar um item nessa tabela com sub itens ou sub menu!

Como nao manjo estou usando o NVU e Front Page...

Ja copiei alguns desses scripts li ul ... mas nao sai menu...

Como disse preciso adicionar um item na tabela de links e que esse abra um submenu com outros itens... Pra nao poluir mais o visual.

Alguem pode me ajudar?

Grato