Ir para conteúdo

POWERED BY:

Arquivado

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

G23

[Resolvido] Menu supenso e Camadas

Por , em ASP Clássico

Recommended Posts

G23    0

G23
Postado

Boa tarde

 

Estou com um menu suspenso mas ele carrega por traz das camadas da págima. O que faço?

 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0047)http://site.leve.com.br/suporte/Faq/Topo.asp -->
<HTML><HEAD><TITLE>PORTAL STO RECIFE</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<LINK 
href="local.css" type=text/css rel=stylesheet>
<LINK 
href="geral.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2900.3132" name=GENERATOR>

<style type="text/css">
body { font: normal 62.5% verdana; }
 
ul.menubar{
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF; /* IE6 Bug */
  font-size: 1;
}
 
ul.menubar .submenu{
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color: #FFFFFF;
  border: 0px;
  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: 0px solid #ccc;
  width: 150px; /* Width of Menu Items */
  background-color: #FFFFFF; /* IE6 Bug */
}
 
ul.menu li{
  position: relative;
  list-style: none;
  border: 0px;
}
 
ul.menu li a{
  display: block;
  text-decoration: none;
  border: 0px solid #ccc;
  border-bottom: 0px;
  color: #777;
  padding: 5px 10px 5px 5px;
}
 
ul.menu li sup{
  font-weight:bold;
  font-size:7px;
  color: red;
}
 
/* 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: relative;
  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: white url(arrow.gif) right center no-repeat; }
 
ul.menu li a:hover { color: #E2144A; }
 
</style>
 
<script type="text/javascript">
function horizontal() {
 
   var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
    
   for (var i=0; i< navItems.length; i++) {
      if(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";}
         }
      }
   }
 
}
 
</script>

</HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" onload="horizontal();">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100" border=0>
  <DIV>
  <TR>
    <TD vAlign=top bgColor=#ffffff>
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <DIV>
        <TR>
          <TD vAlign=top height="5%">
            <script language=JavaScript type=text/JavaScript>
<!--
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>

            <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 height="94">
              <DIV>
              <TR>
                <TD width=193 rowSpan=2 target=_blank>
				<IMG height=84 src="logo_tim.jpg" width=193 border=0></TD>
                <TD vAlign=bottom width=585 
                background=top_vermelho01.jpg height="18">
                  <TABLE cellSpacing=0 cellPadding=0 align=right border=0 width="415">
                    <DIV>
                    <TR>
                      <TD align=middle width=20><A 
                        href="http://planejamentocrc/index.htm">
						<font size="1">
						<IMG height=12 
                        alt="Home" 
                        src="icn_home.gif" width=12 
                      border=0></font></A></TD>
                      <TD align=middle>                      
                      <ul id="menu_dropdown" class="menubar">
   <li class="submenu"><a href="portal_mis_recife/default.asp"><font size="1">
	Portal MIS Recife</font></a></li>
	<li class="submenu"><a href="#"><font size="1">Sistemas CRC</font></a><font size="1">
	</font>
	<ul class="menu" style="left: 493px; top: 22px; width: 169px; position:absolute">
		<li><a href="aplicativos/ligacoes/act_ret_menu.asp"><font size="1">
		Action Return</font></a></li>
		<li><a href="aplicativos/ligacoes/admin_talk_menu.asp"><font size="1">
		Admin Talk</font></a></li>
		<li><a href="aplicativos/ligacoes/ajuste_rmca.asp"><font size="1">
		Ajustes RMCA</font></a></li>
		<li><a href="aplicativos/ligacoes/bo_qualidade_menu.asp"><font size="1">
		BO Qualidade</font></a></li>
		<li><a href="aplicativos/ligacoes/blind_cli.asp"><font size="1">
		Blindagem de Clientes</font></a></li>
		<li><a href="aplicativos/ligacoes/prod_bo_sap_menu.asp"><font size="1">
		Control SAP</font></a></li>
		<li><a href="aplicativos/ligacoes/cronometro.asp"><font size="1">
		Cronomêtro de Chamados</font></a></li>
		<li><a href="aplicativos/ligacoes/diario_bordo_menu.asp"><font size="1">
		Diário de Bordo</font></a></li>
		<li><a href="aplicativos/ligacoes/escalation_system_menu.asp">
		<font size="1">Escalation System</font></a></li>
		<li><a href="aplicativos/ligacoes/falhas_operacionais_menu.asp">
		<font size="1">Falhas Operacionais</font></a></li>
		<li><a href="http://planejamentocrc/aplicativos/mail_express">
		<font size="1">Mail Express///</font></a></li>
		<li><a href="aplicativos/ligacoes/prod_bo_online_menu.asp">
		<font size="1">Prod. BO On Line</font></a></li>
		<li><a href="aplicativos/ligacoes/prog_saude_menu.asp"><font size="1">
		Programa de Saúde</font></a></li>
		<li><a href="aplicativos/ligacoes/spbo.asp"><font size="1">SPBO</font></a></li>
		<li><a href="aplicativos/ligacoes/ajuste.asp"><font size="1">Sist. 
		Ajustes BO</font></a></li>
		<li><a href="aplicativos/ligacoes/ajuste_con.asp"><font size="1">Sist. 
		Ajustes BO - Consulta</font></a></li>
		<li><a href="aplicativos/ligacoes/soluzione_menu.asp"><font size="1">
		Soluzione</font></a></li>
		<li><a href="aplicativos/ligacoes/user_adm.asp"><font size="1">User 
		Administration - STO Recife</font></a></li>
		<li><a href="aplicativos/ligacoes/war_vdn_menu.asp"><font size="1">WAR 
		VDN</font></a></li>
		<li><a href="aplicativos/ligacoes/x-call_menu.asp"><font size="1">X-Call</font></a></li>
	</ul></li>
	<li class="submenu"><a href="#"><font size="1">Novidades</font></a><font size="1">
	</font>
	<ul class="menu">
		<li><a href="calc_fat.xls"><font size="1">Calculadora de Faturas</font></a></li>
		<li><a href="pps/Requerimento_Reembolso%20Creche_2010_Novo.xls">
		<font size="1">Reembolso Creche</font></a></li>
		<li><a href="atendimento/operacional/Lista_dos_contumazes.xls">
		<font size="1">Cliente Contumaz</font></a></li>
		<li><a href="pps/Planilha_de_Solicitacao_de_Chip.xls"><font size="1">
		Solicitação de CHIP</font></a></li>
		<li><a href="LA_Premium%20RECxPISA_BANCO_DE_DADOS.xls"><font size="1">LA 
		Premium - BD</font></a></li>
	</ul></li>
	<li class="submenu"><a href="#"><font size="1">Contato</font></a><font size="1">
	</font>
	<li class="submenu">
	<ul class="menu" style="position: absolute; left: 663px; top: 19px; width: 150px; height: 36px">
		<li>
		<a href="mailto:felipe.santana@wr.com.br;gilson.junior@wr.com.br;andre.tenorio@wr.com.br;hugo.leonardo@wr.com.br;jonathan.santana@wr.com.br">
		Fale Conosco</a></li>
	</ul>

</ul>

                      
                      
                      </TD>
                      </TR></DIV></TABLE></TD>
                <TD background=ex_top_faq.jpg 
              rowSpan=2> </TD></TR>
              <TR>
                <TD width=585 height="64">
				<IMG height=66 
                  src="top_vermelho.jpg" width=585></TD></TR>
              <TR>
                <TD background=bg_barratopo.jpg colSpan=2 height=8></TD>
                <TD background=bg_barratopo.jpg height=8> </TD></TR></DIV></TABLE>
        <TR>
          <TD>
            <TABLE cellSpacing=0 cellPadding=0 width="100%" align=center 
            border=0 height="489">
              <DIV>
              <TR>
                <TD width=20 bgColor=#cccccc>
                   </TD>
                <TD vAlign=top bgColor=#ffffff>
                  <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
                    <DIV>
                    <TR>
                      <TD>
                        <TABLE cellSpacing=0 cellPadding=0 width="100%" 
border=0>
                          <DIV>
                          <TR>
                            <TD width=47>
							<IMG height=33 
                              src="ctl_navegaiframe.jpg" 
                            width=47></TD>
                            <TD 
                            background=bg_navegaiframe.jpg>
                            
                              
						
						  <script language="JavaScript"> 
<!--  
var mes=new Array(12); 
mes[1]="Janeiro"; 
mes[2]="Fevereiro"; 
mes[3]="Março"; 
mes[4]="Abril"; 
mes[5]="Maio"; 
mes[6]="Junho"; 
mes[7]="Julho"; 
mes[8]="Agosto"; 
mes[9]="Setembro"; 
mes[10]="Outubro"; 
mes[11]="Novembro"; 
mes[12]="Dezembro"; 
var semana=new Array(7); 
semana[1]="Domingo"; 
semana[2]="Segunda-Feira"; 
semana[3]="Terça-Feira"; 
semana[4]="Quarta-Feira"; 
semana[5]="Quinta-Feira"; 
semana[6]="Sexta-Feira"; 
semana[7]="Sábado"; 
var hoje=new Date(); 
var diaDaSemana=semana[hoje.getDay() + 1]; 
//definindo dia da semana 
var mesAtual=mes[hoje.getMonth() + 1]; 
// definindo mes 
var dia=hoje.getDate(); 
//definindo dia 
var ano=hoje.getYear(); 
//definindo ano 
if (ano < 2000)   ano = ano + 1900; 
//atualizando para o ano 2000 
document.write(diaDaSemana + ", " + dia + " de ");
document.write(mesAtual + " de " + ano); 
//--> 
</SCRIPT>
</font><!-- #EndLibraryItem -->
                            
                            <div style="position: absolute; width: 408px; height: 38px; z-index: 2; left: 385px; top: 36px" id="camada4">
								<b>
								<font face="Maiandra GD" size="6" color="#FFFFFF">
								PORTAL STO RECIFE</font></b></div>
                            
                            </TD></TR></DIV></TABLE></TD></TR>
                    <TR>
                      <TD 
                        height=30><!-- Montagem da barra de navegação -->
						
						</TD></TR></DIV></TABLE>
					<div style="position: absolute; width: 250px; height: 108px; z-index: 3; left: 664px; top: 396px" id="camada5">
									<div align="center">
										<table border="0" cellpadding="0" cellspacing="0" width="100%" id="table10">
											<tr>
												<td width="19%">
                                  <b><i>
									<span lang="EN-US" style="font-size:18.0pt;
font-family:"Century Gothic";mso-fareast-font-family:"Times New Roman";
mso-bidi-font-family:"Times New Roman";color:blue;mso-ansi-language:EN-US;
mso-fareast-language:PT-BR;mso-bidi-language:AR-SA">
												<img src="centro_arquivos/centro1.gif" border="0" v:shapes="_x0000_i1025" width="45" height="30" align="left"></span></i></b></td>
												<td width="81%">
                                  <b>
									<font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">
												Quer encontrar<font color="#FFFFFF">_</font>alguém?</font></b></td>
											</tr>
											<tr>
												<td width="19%" height="47">
                                  <a href="outros/ramais_rc.xls" target="_main">
									<img src="centro_arquivos/avaya.jpg" width="43" height="35" border="0" align="right"></a></td>
												<td width="81%" height="47"> <font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">Clique 
												em Ramais  CRC </font></td>
											</tr>
											<tr>
												<td width="19%">
                                  <a href="outros/gs_tc.xls">
									<img src="centro_arquivos/samsung.jpg" width="22" height="32" border="0" align="right"></a></td>
												<td width="81%"> <font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">ou 
												em Ramais e GSM TNE</font>  
												</td>
											</tr>
											</table>
									</div>
									</div>
					<div style="position: absolute; width: 234px; height: 339px; z-index: 1; left: 666px; top: 166px" id="camada3">
											<table border="0" cellpadding="0" cellspacing="0" width="105%" id="table9" height="40">
												<tr>
													<td height="21"><font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">
													Indicador de Performance  
													Operacional  -
                                  </font><u>
								<a target="_main" href="aplicativos/ipo/inicio.htm">
													<font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">
													Confira!</font></a></u></td>
												</tr>
												<tr>
													<td height="21"><b>
													<font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">
													Calculadora de Faturas: </font><font style="font-family: Tahoma, Verdana, Arial, Helvetica">
                                  					 </font></b><a href="calc_fat.xls" open="CalcTIM.xls" target="_top"><u><font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">Clique 
													aqui!</font></u></a></td>
												</tr>
												<tr>
													<td height="21">
                    <b>
									<font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">
													Reembolso Creche 2010: </font><font style="font-family: Tahoma, Verdana, Arial, Helvetica">
                                  					 </font></b><u><a open="CalcTM.xls" target="_top" href="pps/Requerimento_Reembolso Creche_2010_Novo.xls"><font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">Clique 
					aqui!</font></a></u></td>
												</tr>
												<tr>
													<td height="21">
                                	<font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">
													<b>SDC Express  -</b>
                                  </font><u>
									<a target="_top" href="aplicativos/sdc_express/sdc_express.asp">
									<font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt" >
													Acesso</font></a></u><img border="0" src="set06.gif" width="14" height="14"></td>
												</tr>
												<tr>
													<td height="21">
                    <span style="font-size: 8pt"><b>
					<span style="font-family: Tahoma, Verdana, Arial, Helvetica">
					Cliente Contumaz</span></b></span><b><font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">: </font><font style="font-family: Tahoma, Verdana, Arial, Helvetica">
                                  				 </font></b><u><a open="CalcTIM.xls" target="_top" href="atendimento/operacional/Lista_dos_contumazes.xls"><font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">Clique 
					aqui!</font></a></u></td>
												</tr>
												<tr>
													<td height="21">
                    <span style="font-size: 8pt"><b>
					<span style="font-family: Tahoma, Verdana, Arial, Helvetica">
												Solicitação de Chip</span></b></span><b><font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">: </font><font style="font-family: Tahoma, Verdana, Arial, Helvetica">
                                  				 </font></b><u><a open="CalcTM.xls" target="_top" href="pps/Planilha_de_Solicitacao_de_Chp.xls"><font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">Clique 
					aqui!</font></a></u></td>
												</tr>
												<tr>
													<td height="21"><b>LA 
													Premium - BD:</b> <u><font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">
													<a open="CalcTM.xls" target="_blank" href="LA%20RECxPIA_BANCO_DE_DADOS.xls">
													Clique aqui!</a></font></u></td>
												</tr>
												<tr>
													<td height="21"> </td>
												</tr>
												<tr>
												<td><FONT 
                                style="FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; FONT-SIZE: 8pt">
												Dúvidas? Fale com a nossa
									<a href="mailto:felipe.santana@wr.com.br; gilson.junior@wr.com.br; andre.tenorio@wr.com.br; hugo.leonardo@wr.com.br; jonathan.santana@wr.com.br" target="_top">
									<u>
									<font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt">
												Equipe STO MIS Recife</font></u></a><font style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt"> </font></font></td>
												</tr>
												<tr>
												<td>
                     </td>
												</tr>
												<tr>
												<td>
                     </td>
												</tr>
												<tr>
												<td>
                     </td>
												</tr>
												<tr>
												<td>
                     </td>
												</tr>
												<tr>
												<td>
                     </td>
												</tr>
												<tr>
												<td>
                     </td>
												</tr>
											</table>
	</div>
					<div style="position: absolute; width: 415px; height: 313px; z-index: 1; left: 71px; top: 169px" id="camada1">
<img border="0" src="aplicativos/ligacoes/image/crc.gif" width="414" height="317"></div>
				</TD></TR></DIV></TABLE></TD></TR></DIV></TABLE>
    </TD></TR></DIV></TABLE></BODY></HTML>

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

tente mudar o (z-index), da DIV

Compartilhar este post

Link para o post
Compartilhar em outros sites

G23    0

G23
Postado

tente mudar o (z-index), da DIV

 

 

Mudo pra o que? Você tem uma sugestão? Mudei o número mas não funcionou.Obrigado pelo retorno.

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

a ordem natural do empilhamento (z-index), é a seguinte, o primeiro elemento do código recebe o z-index=1 (no caso a DIV com ID posiciona1), e o próximo elemento recebe z-index=2 (no caso a DIV com ID posiciona2) e assim por diante, esta é a ordem natural do empilhamento

Compartilhar este post

Link para o post
Compartilhar em outros sites

G23    0

G23
Postado

a ordem natural do empilhamento (z-index), é a seguinte, o primeiro elemento do código recebe o z-index=1 (no caso a DIV com ID posiciona1), e o próximo elemento recebe z-index=2 (no caso a DIV com ID posiciona2) e assim por diante, esta é a ordem natural do empilhamento

 

Xan

 

Não deu certo. fiz o seguinte:

 

Retirei as Layers (camadas) e inseri Tables direto na página.

 

Obrigado, pode fechar o Tópico.

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

parabéns, amigo...

 

qualquer coisa, posta ae...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos ASP Clássico
×

Informação importante

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

  Aceito