marcoso 0 Denunciar post Postado Janeiro 31, 2006 Consegui colocar o menu drop-down sobre o combobox, usando o behavior show-hide layer, e compartilho minha solução: <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
Douglas 6 Denunciar post Postado Fevereiro 2, 2006 Muito bom! Obrigado por compartilhar a solução. :) Compartilhar este post Link para o post Compartilhar em outros sites