Ir para conteúdo

POWERED BY:

Arquivado

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

chaossp

submenu não aparece

Recommended Posts

Fala galera,

 

Achei na net como fazer submenus, mas no IE, ele não quer abrir o submenu!! E nem ficar na horizontal!

 

Já fiz de tudo e até agora nada, alguém pode me dar uma mão por favor?

 

<style>ul {	margin: 0;	padding: 0;	list-style: hebrew;	width: 120px;	}.menuNav a:hover {color: #666666;background: #F9E09E;border: 1px solid #666666;}ul li {	position: relative;	float: none;	}	li ul {	position: relative;	left: 0;	top: 0;	display: none;	}	ul li a {	display: block;	text-decoration: none;	color: #FFFFFF;	background: #F2C67B;	height: 1%;	padding: 2px;	border: 1px solid #ccc;	border-bottom: 0;	}ul {	margin: 0;	padding: 0;	list-style: none;	width: 120px;	border-bottom: 1px solid #ccc;	}	li:hover ul, li.over ul { 	display: block; }					</style><script language="javascript">startList = function() {if (document.all&&document.getElementById) {navRoot = document.getElementById("nav");for (i=0; i<navRoot.childNodes.length; i++) {node = navRoot.childNodes[i];if (node.nodeName=="LI") {node.onmouseover=function() {this.className+=" over";  }  node.onmouseout=function() {  this.className=this.className.replace	(" over", "");   }   }  } }}window.onload=startList;</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><br><table width="74%" border="0" align="center">    <tr>	<td width="18%" align="left" valign="top" class="menuNav"><ul id="nav"><li><a href="#">Home</a></li></ul> </td>	<td width="25%" align="left" valign="top" class="menuNav"><ul id="nav">   	 <li><a href="#">Empresa</a> 	  <ul> 		<li><a href="#">História</a></li> 		<li><a href="#">Equipe</a></li>	  </ul>	</li></ul></td>		<td width="26%" align="left" valign="top" class="menuNav"> <ul id="nav">	<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></ul></td>	<td width="31%" align="left" valign="top" class="menuNav"><ul id="nav"><li><a href="#">Localização</a></li></ul></td>	<td width="31%" align="left" valign="top" class="menuNav"><ul id="nav"><li><a href="#">Contato</a></li></ul></td>  </tr></table>

Se alguém tiver uma idéia sobre como colocar o menu na horizontal sem usar varias tabelas, me ajude tb :D

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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