posicionar lista

[chaossp 0]

fala galeraalguém sabe como que eu posiciono uma lista na horizontal? Não to conseguindo!

[Giovani 104]

Posicionar lista na horizontal???

 

Não tem um link?

Ou pode ser mais especifico na pergunta?

[chaossp 0]

Fala Gio!!

 

Depois de muita busca, consegui criar um submenu na horizontal, mas quando eu passo o mouse em cima do menu, o sub menu está abrindo a direita e o certo seria ele abrir embaixo da palavra do menu, se você colar o código em algum editor, você vai ver meu problema!

 

E a outra dúvida é como que eu posso alinhar meu div no centro da tela..tipo alinhar o menu no centro, pq ele só fica a direita ou esquerda!!

 

Ai vai o código pra você poder analisar!

 

<link href="estilo.css" rel="stylesheet" type="text/css"><style>/* efeito de passar o mouse em cima */.menuNav a:hover {color: #666666;background: #F9E09E;border: 1px solid #666666;}/* botoes do menu */#nav  {	float: left;	width: auto;	list-style: none;	background: #EEE;	padding: 0;	border: 1px solid #FFF;	border-width: 1px 0;	margin: 0 0 1em 0;	color: #666;	 	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}#nav ul  {	float: left;	width: auto;	list-style: none;	background: #EEE;	padding: 0;	border: 1px solid #FFF; #eda;	border-width: 1px 0;	margin: 0 0 1em 0;	color: #666;	 	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}/* fonte */#nav a {	display: block;	width: 8em;			 	w\idth: 4em;			  	color: #7C6240;	text-decoration: none;	padding: 0.25em 2em;	border: 1px solid #FFF;	border-right-color: #CCC; 	border-bottom-color: #CCC;	color: #666;	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}#nav a:hover {	background: #CCC;}#nav a.daddy { 	background: url(rightarrow2.gif) 96% 50% no-repeat;}#nav a.daddy:hover {	background: #CCC url(rightarrow2.gif) 96% 50% no-repeat;}#nav a.daddy1 {	background: url(downarrow2.gif) 8% 50% no-repeat;}#nav a.daddy1:hover {	background: #CCC url(downarrow2.gif) 8% 50% no-repeat;}/* posicao dos botoes */#nav li {	float: left;		padding: 0;	width: 8em;	 }#nav li ul  {	position: absolute;	left: -999em;	height: auto;	width: 14.2em;	w\idth: 13.2em; 	font-weight: normal;	border-width: 1px; 	margin: 0;	background: #CCC;}#nav li li {	width: 13.2em;}#nav li ul a {	width: 13.2em;	w\idth: 9em; }#nav li ul ul {	margin: -1.75em 0 0 13.2em; }#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul {	left: -999em;}#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul  {	left: auto;	background: #EEE;}#nav li:hover, #nav li.sfhover {	background: #CCC; }#MenuHorizontal {float: right;background: *#FFF;height: 26px;width: 600px;}					</style><script language="javascript">sfHover = function() {	var sfEls = document.getElementById("nav").getElementsByTagName("LI");	for (var i=0; i<sfEls.length; i++) {		sfEls[i].onmouseover=function() {			this.className+=" sfhover";		}		sfEls[i].onmouseout=function() {			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");		}	}}if (window.attachEvent) window.attachEvent("onload", sfHover);</script><table width="100%" bgcolor="F2C67B" cellpadding="" cellspacing="" border="0">  <tr>	<td width="25"><img src="img/tabs/sup_dir.gif" width="25" height="25"></td>	<td width="925"> </td>	<td width="25"><img src="img/tabs/sup_esq.gif" width="25" height="25"></td>  </tr>  <tr>	<td height="19"> </td>	<td> </td>	<td> </td>  </tr>  <tr>	<td> </td>	<td> </td>	<td> </td>  </tr>  <tr>	<td><img src="img/tabs/inf_esq.gif" width="25" height="25" /></td>	<td> </td>	<td><img src="img/tabs/inf_dir.gif" width="25" height="25"></td>  </tr></table><div align="center"><br>  </div><div id="MenuHorizontal" align="center">	 <div align="center">	   <ul id="nav"> 		 <li><a href="#">Home</a></li>		  <li><a href="#">Empresa</a> 			<ul> 			  <li><a href="#">História</a></li>					<li><a href="#">Equipe</a></li>			</ul>		  </li>		  <li><a href="#">Cursos</a> 			<ul> 			  <li><a href="#">Curso1</a></li>					<li><a href="#">Curso2</a></li>					<li><a href="#">Curso3</a></li>					<li><a href="#">Curso4</a></li>					<li><a href="#">Curso5</a></li>			</ul>		  </li>		  <li><a href="#">Informações</a></li>		  <li><a href="#">Localização</a></li>		  <li><a hred="#">Contato</a></li>	   </ul>	 </div></div>

[]'s