Ajuda Com Menu No Firefox

Março 28, 2007

Tenho o seguinte codigo de Menu, no Internet Explorer funciona perfeito mas no Firefox não ... como peguei da Net não sei alterar ...

alguém poderia me ajudar ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>  Sistema </title>
<script type="text/javascript">
function vertical() {

   var navItems = document.getElementById("nav").getElementsByTagName("li");

   for (var i=0; i< navItems.length; i++) {
      if(navItems[i].className == "submenu") {
         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";}
      }
   }

}

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 = "#D5E6FF";}
            navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#82B4FF";}
         }
      }
   }

}

</script>

<style type="text/css">

body { font: normal 62.5% verdana; }

ul.menubar
{
   margin: 0px;
   padding: 0px;
   background-color: #82B4FF; /* IE6 Bug */
   font-size: 100%;
   }

ul.menubar .menuvertical
{
   margin: 0px;
     padding: 0px;
     list-style: none;
     background-color: #82B4FF;
   border: 1px solid #000066;
   float:left;
}

ul.menubar ul.menu
{
   display: none;
   position: absolute;
   margin: 0px;
}

ul.menubar a
{
   padding: 5px;
   display:block;
   text-decoration: none;
   color: #777;
   padding: 5px;
}


ul.menu,
ul.menu ul
{
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #000066;
   width: 150px; /* Width of Menu Items */
   background-color: #82B4FF; /* IE6 Bug */
}

ul.menu li
{
   position: relative;
   list-style: none;
   border: 0px;
}

ul.menu li a
{
   display: block;
   text-decoration: none;
   border: 1px solid #000066;
   border-bottom: 0px;
   color: #777;
   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.submenu { background: transparent url() right center no-repeat; }

ul.menu li a:hover { color: #E2144A; }

</style>
</head>
<body onload="vertical();horizontal();verifica();" bgcolor="#D5E6FF">
<ul id="barra" class="menubar">
   <li class="menuvertical"><a href="#" onmouseover="window.status=''; return true;"> <font font color="#000066">Cadastro</font> </a>
      <ul id="nav" class="menu">
        <li class="submenu"><a href="#" onmouseover="window.status=''; return true;"> <font font color="#000066"> Tipos de Vaga </font> </a>
          <ul>
            <li><a target="iframe" href="../cadastro/tipovagacadastro.php" onmouseover="window.status=''; return true;"> <font font color="#000066">Inclusão</font> </a></li>
            <li><a target="iframe" href="../cadastro/tipovagaconsulta.php" onmouseover="window.status=''; return true;"> <font font color="#000066"> Consulta / Alteração</font> </a></li>
          </ul>
        </li>
        <li class="submenu"><a href="#" onmouseover="window.status=''; return true;"> <font font color="#000066"> Vagas </font> </a>
          <ul>
            <li><a target="iframe" href="../cadastro/vagacadastro.php" onmouseover="window.status=''; return true;"> <font font color="#000066">Inclusão</font> </a></li>
            <li><a target="iframe" href="../cadastro/vagaconsulta.php" onmouseover="window.status=''; return true;"> <font font color="#000066"> Consulta / Alteração</font> </a></li>
          </ul>
        </li>
      </ul>
   </li>
   <li class="menuvertical"><a href="java script:;" onclick="window.close();"><font font color="#000066"> Sair </a></li>
</ul>
<br><br>
<iframe src="inicial.php" name="iframe" id="iframe" cols="100" rows="100" border="0" frameborder="0"></iframe>
</body>
</html>

EDITADO

No Firefox não abre o Sub Menu ....

Ele aparece os Menus mas quando passo o mouse ele não abre os SubMenus

Abraços.

Deividy · Abril 4, 2007

tambem não achei esse problema aqui

é roda o console de erro e veja se encontra o problema caso contrario coloca o que o console de erro do firefox mostra aqui.

"caso não encontre o console de erro ele esta e ferramentas > console de erros"

Janeiro 31, 2008

tambem não achei esse problema aqui
é roda o console de erro e veja se encontra o problema caso contrario coloca o que o console de erro do firefox mostra aqui.
"caso não encontre o console de erro ele esta e ferramentas > console de erros"

Retirar todos os </li>. Funciona no IE e em qualquer outro.

Editado Fevereiro 3, 2008 por flavio
Ressuscitando tópico (8 meses)!

Entrar

Ajuda Com Menu No Firefox

Pergunta

Guest Eduardo Assis

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Deividy

Link para o comentário

Compartilhar em outros sites

Guest Flávio Balbinot

Link para o comentário

Compartilhar em outros sites

Estatísticas dos Fóruns

Navegação

Atividades