Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Nescau Gelado

mudar posição dos sub-menus

Por , em Desenvolvimento frontend

Recommended Posts

Nescau Gelado    0

Nescau Gelado
Postado

pessoal.. tenho um menu em css... só que ele exibe os sub-menus na horizontal.. ou seja para o lado... to tentando mudar pra ele mostrar para baixo.. e não tá rolando..

alguem consegue identificar a linha aí..?

 

<style type="text/css">body { font: normal 62.5% verdana; }ul#primary-nav,ul#primary-nav ul {	margin: 0;	padding: 0;	width: 150px; /* Width of Menu Items */	border-bottom: 1px solid #ccc;	background: #fff; /* IE6 Bug */	font-size: 100%;	display:inline;	}ul#primary-nav li {	position: relative;	list-style: none;	display:block;	}		ul#primary-nav li a {	display: inline;	text-decoration: none;	color: #777;	padding: 5px;	border: 1px solid #ccc;	border-bottom: 0;	}/* Fix IE. Hide from IE Mac \*/* html ul#primary-nav li { float: left; height: 1%; }* html ul#primary-nav li a { height: 1%; }/* End */ul#primary-nav ul {	position: absolute;	display: none;	left: 149px; /* Set 1px less than menu width */	top: 0;	}ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */ul#primary-nav li:hover ul ul,ul#primary-nav li:hover ul ul ul,ul#primary-nav li.over ul ul,ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */ul#primary-nav li:hover ul,ul#primary-nav li li:hover ul,ul#primary-nav li li li:hover ul,ul#primary-nav li.over ul,ul#primary-nav li li.over ul,ul#primary-nav li li li.over ul { display: block; } /* The magic */ul#primary-nav li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }ul#primary-nav li.menuparent:hover,ul#primary-nav li.over { background-color: #f9f9f9; }ul#primary-nav li a:hover { color: #E2144A; }</style></head><body><ul id="primary-nav">  <li class="menuparent"><a href="#">Empresa</a>  <ul>		<li><a href="#">Missão/visão</a></li>	  <li><a href="#">Histórico</a></li>	  </ul>  </li>    <li class="menuparent"><a href="#">Informativo Dip</a> 	</li>  <li class="menuparent"><a href="#">Dicas</a> 	</li>	  <li class="menuparent"><a href="#">Links</a> 		</li>		<li class="menuparent"><a href="#">Promoções e eventos</a> 	<ul>	  <li><a href="#">Promoções</a></li>	  <li><a href="#">Eventos</a></li>	  </ul>	  <li class="menuparent"><a href="#">Fale conosco</a>  </li></ul></body></html><body></body></html>

 

muito obrigadooo!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito