Ir para conteúdo

POWERED BY:

Arquivado

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

yogodoshi

Menu vertical nao funciona no IE

Recommended Posts

Ae galera, eu li os topicos fixos e talz, e estou até usando um código que foi postado aqui no forum mesmo... no proprio codigo tem algumas linhas falando q sao pra poder rodar no IE 6 e talz..

 

java script:

function horizontal() {   var navItems = document.getElementById("barra").getElementsByTagName("li");	   for (var i=0; i< navItems.length; i++) {	  if((navItems[i].className == "menuvertical") || (navItems[i].className == "submenu"))	  {		 if(navItems[i].getElementsByTagName('ul')[0] != null)		 {			navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";}			navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";}		 }	  }   }}

css:

ul.menubar{   margin: 0px;   padding: 0px;   background-color: #3e73b4; /* IE6 Bug */   }ul.menubar .menuvertical{   margin: 0px;	 padding: 0px;	 list-style: none;	 background-color: #3e73b4;   	 /*border-top: 1px solid #111;	 border-bottom: 1px solid #111;*/   float:left;}ul.menubar ul.menu{   display: none;   position: absolute;   margin: 0px;}ul.menubar a{   display:block;   text-decoration: none;   color: #026994;   /*padding: 5px;*/}ul.menu,ul.menu ul{   margin: 0;   padding: 0;   border-bottom: 1px solid #111;   width: 150px; /* Width of Menu Items */   background-color: #fffaea; /* IE6 Bug */}ul.menu li{   position: relative;   list-style: none;   border: 0px;}  ul.menu li a{   display: block;   text-decoration: none;   border: 1px solid #111;   border-bottom: 0px;   color: #026994;   /* padding: 5px 10px 5px 5px; */}/* Fix IE. Hide from IE Mac \*/* html ul.menu li { float: left; height: 1%; }* html ul.menu li a { height: 1%; }/* End */ul.menu ul{   position: absolute;   display: none;   left: 149px; /* Set 1px less than menu width */   top: 0px;}ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */ul.menu li a:hover { color: #000; }

html:

<ul id="barra" class="menubar">   <li class="menuvertical">Menu1</li>   <li class="menuvertical">Menu 2	 <ul id="nav" class="menu">		<li><a href="#">Dados</a></li>		  <li><a href="#">Quem somos</a></li>		<li><a href="#">Organização administrativa</a></li>		<li><a href="#">Dirigentes</a></li>		<li><a href="#">Comitês</a></li>		<li><a href="#">Estatuto</a></li>		<li><a href="#">Plano de ação</a></li>		<li><a href="#">Quadro social</a></li>		<li><a href="#">Associadas</a></li>		<li><a href="#">Associe sua empresa</a></li>		<li><a href="#">Links</a></li>	 </ul>	</li>   <li class="menuvertical">Menu 3</li>   <li class="menuvertical">Menu 4	 <ul id="nav" class="menu">		<li><a href="#">Comunicações 2015 - Aperfeiçoamento do modelo</a></li>		  <li><a href="#">Revista</a></li>	<li><a href="#">em revista</a></li>	<li><a href="#">Livro Azul</a></li>	<li><a href="#">Ensaios</a></li>	 </ul>	</li>	<li class="menuvertical">Menu 6	 <ul id="nav" class="menu">		<li><a href="/eventos/index.asp?m=nacionais.htm">Nacionais</a></li>		  <li><a href="/eventos/index.asp?m=internacionais.htm">Internacionais</a></li>	 </ul>	</li>   <li class="menuvertical">Menu 7	 <ul id="nav" class="menu">		<li><a href="/areavip/login.asp">Login</a></li>		  <li><a href="/areavip/cns-login.asp">Atas - Reuniões dos Conselhos </a></li>		<li><a href="/areavip/pag-atas-ageago.asp">Atas - Assembléias Gerais</a></li>		<li><a href="/areavip/pag-demonstracoes.asp">Demonstrações Financeiras</a></li>		<li><a href="/areavip/pag-downloads.asp">Downloads</a></li>	 </ul>	</li>   <li class="menuvertical">Menu 8</li>   <li class="menuvertical">Menu 9</li></ul>

já validei o css e está ok...

Deve ser algum codigo css pro menu nao bugar no IE que deve estar faltando...

Compartilhar este post


Link para o post
Compartilhar em outros sites

auheuaheuahueacomo assim postar o exemplo? ker q eu poste o codigo "funcionando" no ar?to criando 1 arkivo e botando no ar, por via das duvidas...

Compartilhar este post


Link para o post
Compartilhar em outros sites

alguem axou o problema? ou ateh mesmo nao axou e viu q os codigos q tao ali em cima sao suficientes pra rodar nos 3 browsers (IE 6, IE7 e firefox) pois de repente o problema tah no resto da pagina...

Compartilhar este post


Link para o post
Compartilhar em outros sites

uso o dreamweaver e esse código javascript eu peguei pronto, o estranho é que usei exatamente ele em outro site e funciono perfeitamente :So q seria debugar o codigo no IE ? =S

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.