Alexandro Delgado 0 Denunciar post Postado Outubro 31, 2006 pessoal, estou utilizando um menu lateral, porém o mesmo fica por trás dos selectbox, sei que isto tem que ser resolvido com o "z-index", mas já quebrei a minha cabeça e nada, será que vcs podém me dar uma força! <!-- JAVASCRIPT DO MENU --><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><!-- CSS DO FORMULÁRIO --><style type="text/css">.campo {font-family: Verdana, Arial, Times New Roman; font-size: 10px; background-color: #FFFFFF; BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; z-index:0;}.botao {font-family: Verdana, Arial, Times New Roman; background-color: #F7F7F7; font-size: 10px; border: #333333; border-style: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; color: #000000; margin-top: 1px; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;}.TituloPagina {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}.Texto11 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}</stYle><!-- CSS DO MENU --><style type="text/css">ul#primary-nav,ul#primary-nav ul {margin: 0;padding: 0;width: 150px; /* Largura do menu */border-bottom: 1px solid #ccc;background: #fff; /* IE6 Bug */font-family: Verdana, Arial, Times New Roman;font-size: 10px;z-index:1;}ul#primary-nav li {position: relative;list-style: none;z-index:1;}ul#primary-nav li a {display: block;text-decoration: none;color: #777;padding: 5px;border: 1px solid #ccc;border-bottom: 0;z-index:1;}/* Fix IE. Hide from IE Mac \*/* html ul#primary-nav li { float: left; height: 1%; }* html ul#primary-nav li a { height: 1%; }/* End */ul#primary-nav ul {position: absolute;display: none;left: 149px; /* Ajusta 1px há menos do que a largura do menu */top: 0;z-index:1;}ul#primary-nav li ul li a { padding: 2px 5px; } /* Estilo do Sub Menu */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; } /* Inicia a Layer dos sub-menus */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; } /* A magica */ul#primary-nav li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }ul#primary-nav li.menuparent:hover,ul#primary-nav li.over { background-color: #f9f9f9; }ul#primary-nav li a:hover { color: #E2144A; }</style><body topmargin="0" leftmargin="0"> <table border="0" width="100%"> <tr> <td width="100%" colspan="3"></td> </tr> <tr> <td width="20%" valign="top" align="left"><!-- INICIO DO MENU --><ul id="primary-nav"> <li class="menuparent"><a>Eventos</a> <ul> <li class="menuparent"><a href="locacao_lis_rel.asp" target="_self">Lista de Eventos</a> </li> </ul> </li> <li class="menuparent"><a>Serviços</a> <ul> <li class="menuparent"><a>Cons. Inadiplentes</a> <ul> <li class="menuparent"><a href="inadiplentes_arq_excel.asp" target="_self">Ger. Arq. Inadiplentes</a></li> </ul> </li> <li class="menuparent"><a>Paginas</a> <ul> <li class="menuparent"><a href="pag_inc.asp" target="_self">Inc. de Paginas</a></li> <li class="menuparent"><a href="pag_alt.asp" target="_self">Alt. de Paginas</a></li> <li class="menuparent"><a href="pag_del.asp" target="_self">Exc. de Paginas</a></li> </ul> </li> </ul> </li></ul><!-- FINAL DO MENU --></td> <td width="60%"> <table border="0" width="100%" bordercolor="#F3F3F3"> <tr> <td width="100%"></td> </tr> <tr> <td width="100%" bgcolor="#C9C9C9" class="TituloPagina"> <b>Inclusão de Páginas:</b></td> </tr> <tr> <td width="100%" bgcolor="#F3F3F3" bordercolor="#F3F3F3" bordercolorlight="#F3F3F3" bordercolordark="#F3F3F3"> <form name="pag_inc" method="POST" action="--WEBBOT-SELF--"> <table border="0" width="100%"> <tr> <td width="100%" colspan="2" class="Texto11"> </td> </tr> <tr> <td width="31%" align="right" class="Texto11">* Exibir no Menu:</td> <td width="69%"> <select size="1" name="txtExibir" class="Campo"> <option></option> <option value="Sim">Sim</option> <option value="Não">Não</option> </select> </td> </tr> <tr> <td width="31%" align="right" class="Texto11">* Localização no menu:</td> <td width="69%"> <select size="1" name="txtLocalizacao" class="Campo"> <option></option> <option value="Menu">1º Nivel</option> <option value="SubMenu">2º Nivel</option> <option value="SubSubMenu">3º Nivel</option> </select> </td> </tr> </table> </form> </td> </tr> <tr> <td width="100%"></td> </tr> </table> </td> <td width="20%"> </td> </tr> <tr> <td width="100%" colspan="3"> </td> </tr> </table> Compartilhar este post Link para o post Compartilhar em outros sites
Giovani 104 Denunciar post Postado Outubro 31, 2006 Alexandro Delgado, seja muito bem vindo ao iMasters!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Ai vai uma dica, não poste códigos gigantes, tente deixar só um link e dizer onde está o seu problema! Leia esse link aqui do fórum mesmo, quem sabe resolva seu problema! []´s Compartilhar este post Link para o post Compartilhar em outros sites
Alexandro Delgado 0 Denunciar post Postado Outubro 31, 2006 Alexandro Delgado, seja muito bem vindo ao iMasters!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Ai vai uma dica, não poste códigos gigantes, tente deixar só um link e dizer onde está o seu problema! Leia esse link aqui do fórum mesmo, quem sabe resolva seu problema! []´s Infelizmente não me ajudou!!! Eu deixei o código pois é necessário que execute o mesmo para ver o erro! O menu está ok, só que quando ele é acionado fica por baixo de um select box! Será que alguém poderia me dar uma força Compartilhar este post Link para o post Compartilhar em outros sites
Giovani 104 Denunciar post Postado Outubro 31, 2006 Deixei apenas uma dica para você Alexandro Delgado....a maioria do pessoal não fica copiando e colando código no pc! E de uma pesquisada aqui no fórum, tem vários posts igual ao seu! <_< []´s Compartilhar este post Link para o post Compartilhar em outros sites
Alexandro Delgado 0 Denunciar post Postado Outubro 31, 2006 beleza! Só deixei o código, pois não tenho aonde deixar!!Não estou afim de discutir com você, só preciso de alguém que me de um help!!!E li os outros tópicos um por um e até agora não vi nenhuma resposta que pudesse estar resolvendo o nosso problema! Compartilhar este post Link para o post Compartilhar em outros sites
Giovani 104 Denunciar post Postado Outubro 31, 2006 Com certeza eu tb não quero discutir com você, o fórum aqui é pra ajudarmos uns aos outros. Vou ver com mais calma o seu código depois!!! Mas foi apenas uma dica...sem estresse!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif Compartilhar este post Link para o post Compartilhar em outros sites
marcoso 0 Denunciar post Postado Outubro 31, 2006 Pode fazer assim:1- coloca os combobox em layers;2- utilizando o behavior "show-hide layer", no evento "mouse over" do menu, manda o mesmo ocultar as layers dos combobox. Compartilhar este post Link para o post Compartilhar em outros sites
Alexandro Delgado 0 Denunciar post Postado Outubro 31, 2006 Marcoso, por acaso você teria algum exemplo de como fazer isto, pois já estou há 3 dias batendo nisto e não sou especialista nesta àrea!!! Mas lhe agradeço desde já!!! Compartilhar este post Link para o post Compartilhar em outros sites
marcoso 0 Denunciar post Postado Outubro 31, 2006 Um exemplo: <html><head><title></title><style>a.menu1 { color :#000000; text-decoration :none; background-color :#FFFFFF; width :175px; font-family: Verdana, Tahoma, Arial; font-size: 11px; clip: rect( ); cursor: hand; height: 17px; padding-top: 3px; padding-left: 3px; font-weight: bold;}a.menu1:hover { color :#FFFFFF; text-decoration :none; background-color :#507CC5; cursor:hand; font-weight: bold;}</style><script language="JavaScript"><!--<!--function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);// -->//--><!--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;}function MM_showHideLayers() { //v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; }}//--></script></head><body ><table width="364" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="41" valign="top"></td> <td width="113"><a href="#" onMouseOver="MM_showHideLayers('lmenu','','show','input','','hide')" onMouseOut="MM_showHideLayers('lmenu','','hide','input','','show')">LINK</a><br> <div id="lmenu" style="position:absolute; width:116px; height:120px; z-index:2; visibility: hidden;" onMouseOver="MM_showHideLayers('lmenu','','show','input','','hide')" onMouseOut="MM_showHideLayers('lmenu','','hide','input','','show')"> <table width="175" border="0" cellpadding="0" cellspacing="1" bgcolor="#507CC5" style="filter: Alpha(Opacity=100);"> <tr> <td bgcolor="#507CC5" ><img src="./imagens/espaco.gif" widht="1" height="3" border="0"></td> </tr> <tr> <td height="17" bgcolor="#FFFFFF" ><a href="idsecao=45" class="menu1">secao</a></td> </tr> <tr> <td height="17" bgcolor="#FFFFFF" ><a href="idsecao=15" class="menu1">secao</a></td> </tr> <tr> <td height="17" bgcolor="#FFFFFF" ><a href="idsecao=16" class="menu1">secao</a></td> </tr> <tr> <td height="17" bgcolor="#FFFFFF" ><a href="idsecao=31" class="menu1">secao</a></td> </tr> <tr> <td height="17" bgcolor="#FFFFFF" ><a href="idsecao=19" class="menu1">secao</a></td> </tr> <tr> <td height="17" bgcolor="#FFFFFF" ><a href="idsecao=33" class="menu1">secao</a></td> </tr> <tr> <td height="17" bgcolor="#FFFFFF" ><a href="idsecao=20" class="menu1">secao</a></td> </tr> <tr> <td height="17" bgcolor="#FFFFFF" ><a href="idsecao=35" class="menu1">secao </a></td> </tr> </table> </div></td> <tr> <td height="41" valign="top"> </td> <td><div id="input" style="position:absolute; width:52px; height:50px; z-index:3; visibility: visible;"> <select name="select" style="width:100px"> </select> </div></td></table></body></html> Compartilhar este post Link para o post Compartilhar em outros sites
Alexandro Delgado 0 Denunciar post Postado Outubro 31, 2006 Muito obrigado!!!Valeu Mesmo Compartilhar este post Link para o post Compartilhar em outros sites