Menu Não Funciona Corretamente

cajunges · Setembro 4, 2006

Estou fazendo um página de Intranet que tem um frame de cabeçalho, um de rodapé e dois centrais. No da esquerda fica o menu (abaixo). No 1th Page roda legal, mas quando rodo no IE do XP, ele abre a barra de informações de conteúdo bloqueado. Nos outros frames também tenho Java e CSS e não tem problema algum. Já tentei de tudo e não descubro o erro. Aí vai o código do menu

<HTML><HEAD><TITLE>Procuradoria Regional da União - 4a Regão</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<style type="text/css" >
<!-- 
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative; /* Menu position that can be changed at will */
top: 2;
left: 0;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu ol {
float: left;
width: 15em;

}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;

}
#menu dd {
float: left;
display: none;
border: 1px solid gray;
}
#menu li {
text-align: left;
background-image: "Imagens/left_frontbutton_8.jpg";
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
background-image: "Imagens/left_frontbutton_8.jpg";
display: block;
height: 100%;
border: 0 none;
}

}
#site {
position: absolute;
z-index: 1;
top : 50px;
left : 0px;
<!--color: #3366FF;
background-color: #3366FF;-->
padding: 5px;
border: 1px solid gray; 
}
-->
</style>

<script type="text/javascript">
<!--
window.onload=show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i<=12; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<script>
<!--
function verifyForm(){

var strQuery = document.querybox.qt.value;

var reNonSpace = /\S/g;

if (reNonSpace.test(strQuery)) {

document.querybox.submit();

} else {

alert("Please enter a question.");

document.querybox.qt.focus();

return false;

}

}

    

    function clearText() {

    document.querybox.qt.value = ""

    }

    -->

</SCRIPT>

<script language=JavaScript>

<!--

function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}



function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}



function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}



function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}

//-->

</SCRIPT>
<LINK 
href="css/input_style.css" 
type=text/css rel=stylesheet><LINK 
href="css/site_style.css" 
type=text/css rel=stylesheet><LINK 
href="css/site_style.css" 
type=text/css rel=stylesheet>
<script type="text/javascript" src="config.js"></script>
<!-- Fim do script -->
<link rel="stylesheet" type="text/css" href="css/config.css" media="screen" />
<LINK href="css/input_style.css" type=text/css rel=stylesheet />
<LINK href="css/site_style.css" type=text/css rel=stylesheet />
<LINK href="css/site_style.css" type=text/css rel=stylesheet/>
<base TARGET ="principal">

</HEAD>
<BODY  leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<FORM>
 <TABLE cellSpacing=0 cellPadding=0 width=158 align=left  border=0> 
  <TBODY>
   <TR>
    <TD vAlign=top align=left 
     background="Imagens/left_frontbutton_8.jpg" >
     <div id="menu" style="position:absolute; height: 300; left:0px; top:0px; width:2px; padding:0px; z-index:0 ">
      <script type="text/javascript">
       function IEHoverPseudo() {
          var navItems = document.getElementById("primary-nav").getElementsByTagName("li");
          for (var i=0; i<navItems.length; i++) {
              if(navItems[i].className == "menuparent") {
                  navItems[i].onmouseover=function() { this.className += " over"; }
                  navItems[i].onmouseout=function() { this.className = "menuparent"; }
              }
             }
          }
        window.onload = IEHoverPseudo;
      </script>
      <style type="text/css">
       body { font: italic bold 8 pt arial;}
        ul#primary-nav{
        text-align:left;
            margin: 0;
            padding: 0;
            width: 170 px; /* Width of Menu Items */
            height: 500 px;            
            background:url( Imagens/left_frontbutton_8.jpg); /* IE6 Bug */
            font: italic bold 8 pt arial;
            }
        ul#primary-nav ul {
        text-align:left;
            margin: 0;
            padding: 0;
            width: 170px; /* Width of Menu Items */

            background: #D9ECFB; /* IE6 Bug */
            font: italic bold 8 pt arial;
            }
        ul#primary-nav li {
        text-align:left;
            position: relative;
            list-style: none;
            }
        ul#primary-nav li a {
                  
            display: block;
            text-decoration: none;
            padding: 5px;
            border-bottom: 0;
            }

        /* Fix IE. Hide from IE Mac \*/
        * html ul#primary-nav li { float: left; height: 2%; }
        * html ul#primary-nav li a { height: 1%; }
        /* End */

        ul#primary-nav ul {
            position: relative;
            display: none;
            left: 0px; /* 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: }
        
        ul#primary-nav li.menuparent:hover,
        ul#primary-nav li.over { background-color: #f9f9f9; }

        ul#primary-nav li a:hover { color: #E2144A; }
            
       </style>
       <ul id="primary-nav" align="left">
         <li class="menuparent"><a target=principal href="historico.html"> Procuradoria Regional</a>
         </li>
         <li class="menuparent"><a target=principal href="organograma.htm"> Estrutura</a> 
         </li>
         <li class="menuparent"><a target=principal href="unidades1.htm"> Quem é Quem?</a> 
         </li>
         <li class="menuparent"><a> Biblioteca</a> 
           <ul>
             <li class="menuparent"><a target=principal href="boletim5.html">  Boletim da PRU4</a></li>
             <li class="menuparent"><a target=principal href="sumario1.html">  Sumário</a></li>
           </ul>
         </li>
         <li class="menuparent"><a> Câmaras Temáticas</a></li>
           <ul>
             <li class="menuparent"><a target=principal href="atas.html">  Atas</a></li>
             <li class="menuparent"><a target=principal href="convites.html">  Convites</a></li>
             <li class="menuparent"><a target=principal href="orientacoes.html">  Orientações Técnicas</a></li>
           </ul>
         <li class="menuparent"><a target=principal href="construcao.html"> NECAP</a></li>
         <li class="menuparent"><a target=principal href="ouvidoria.html"> Ouvidoria</a></li>
         <li class="menuparent"><a> JEF</a>
           <ul>
             <li class="menuparent"><a target=principal href="peticoes.html">  Petições</a></li>
             <li class="menuparent"><a>  Jurisprudência</a></li>
           </ul>
         </li>
         <li class="menuparent"><a> Rede AGU</a>
           <ul>
             <li class="menuparent"><a target="_new" href="http://www.agu.gov.br/agu.htm">  Página da AGU</a></li>
             <li class="menuparent"><a target="_new" href="http://redeagu.agu.gov.br">  Sistemas Corporativos</a></li>
             <li class="menuparent"><a target="_new" href="http://www.agu.gov.br/TelasExplicativas/correioeletronico.asp">  Correio Eletrônico</a></li>
           </ul>
         </li>
         <li class="menuparent"><a> Mapa do Site</a>
           <ul>
<!--             <li><a href="#">   Web Design</a></li>
             <li><a href="#">   Internet Marketing</a></li>
             <li><a href="#">   Hosting</a></li>
             <li><a href="#">   Domain Names</a></li>
             <li><a href="#">   Broadband</a></li>-->
           </ul>
         </li>
         <li class="menuparent"><a target=principal href="construcao.html"> Fale Conosco</a></li>
         <li class="menuparent"><a target=principal href="links.html"> Links</a></li>
         <li class="menuparent"><a> Consulta Processual</a>
           <ul>
             <li><a target="_new" href="http://www.jfrs.gov.br/servicos/consulta/index2.php">   Justiça Federal RS</a></li>
             <li><a target="_new" href="http://sistemas.jfsc.gov.br/consultaProcessual/servlet/ConsultaProcessual">   Justiça Federal SC</a></li>
             <li><a target="_new" href="http://terra.jfpr.gov.br/SistemaProcessual/html/cp.html">   Justiça Federal PR</a></li>
             <li><a target="_new" href="http://www.trf4.gov.br/trf4/">   TRF 4ª Região</a></li>
             <li><a target="_new" href="http://www.trt4.gov.br/consultas/cons_seg_processo.htm">   TRT 4ª Região</a></li>
             <li><a target="_new" href="http://www.trt12.gov.br/">   TRT SC</a></li>
             <li><a target="_new" href="http://www.trt9.gov.br/Tribunal_e_varas/pesquisa.asp">   TRT PR</a></li>                          
           </ul>
         </li>
         <li class="menuparent"><a href="corpo.htm"> Início</a></li>         
       </ul>

     </div>
    </TD>
    <TD vAlign=top align=left width=1 bgColor=#000000><IMG height=1 
      src="Imagens/spacer.gif" 
      width=1></TD>
   </TR>
  </TBODY>
 </TABLE>
</FORM>
</BODY>
</HTML>

Agradeço desde já.

flavio · Setembro 4, 2006

olha,

O IE do XP, por padrão, se encontra um codigo JavaScript na página mostra aquela barra amela.

É possivel removê-la de forma permanente modificando as configurações do navegador.

(Configurações > Avançadas > Habilitar conteudo ativo no Meu Computador...)

Quando você clica com o botão direito sobre a barra pra desabilitá-la temporariamente, na primeira página do site, ele não aparecerá nas seguintes. Por isso não aparece nas outras páginas.

Mas a mudança só acontecerá no seu computador, é claro...

Era essa a dúvida, ou não?? :)

Entrar

Menu Não Funciona Corretamente

Pergunta

cajunges

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

flavio

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades