Ir para conteúdo

Arquivado

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

jorda

Menu que nao obedece!

Recommended Posts

Oi galera, pois eh, to aqui com um menu vertical, onde existe um titulo q eh uma imagem em gif q vai para

 

um submenu feito numa table de 3 celulas q estah dentro de um layer. O q acontece eh q qdo eu escorrego

 

o mouse sobre o titulo e aparece a janela do submenu, ela vem completamente deslocada. Mesmo q eu

 

posicione exatamente do lado do titulo a esquerda, ela nao fica certinha de jeito nenhum. Pra quem quiser

 

analisar o codigo e me dar um help, eu agradeco...Valeu, mocada

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>home</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="JavaScript" type="text/JavaScript"><!--function MM_reloadPage(init) { //reloads the window if Nav4 resizedif (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.01var 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.0var 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; }}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_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_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];}}//--></script><style type="text/css"><!--menuoran {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px;text-transform: capitalize;color: #FF9900;text-decoration: none;}a:link {color: #FF9900;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px;text-transform: uppercase;font-style: normal;line-height: normal;text-decoration: none;}a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px;text-transform: uppercase;color: #FFCC00;text-decoration: none;font-style: normal;}a:visited {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px;font-style: normal;text-transform: uppercase;text-decoration: none;}menubra {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px;font-style: normal;line-height: normal;text-transform: uppercase;color: #FFFFFF;background-color: #FFCC00;}a.menubra:link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16.1px;font-style: normal;text-transform: uppercase;color: #FFFFFF;text-decoration: none;background-color: #FFCC00;}a.menubra:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16.1px;font-style: normal;text-transform: uppercase;color: #FF9900;text-decoration: none;background-color: #FFCC00;}a.menubra:visited {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16.1px;font-style: normal;text-decoration: none;background-color: #FFCC00;color: #FFFFFF;}--></style></head><body bgcolor="#000000" text="#FF9900" link="#FF9900" vlink="#FF9900" alink="#FFCC00" onLoad="MM_preloadImages('images/titulojob2rl.gif','images/packages2.gif','images/magazines2.gif','images/others2.gif')"><div id="LOGO" style="position:absolute; left:480px; top:156px; width:176px; height:107px; z-index:2"><img src="images/logojordaok.gif" width="234" height="116"></div><div id="FOTO" style="position:absolute; left:465px; top:283px; width:286px; height:189px; z-index:1; overflow: visible;"><img src="images/fotoro.gif" width="286" height="187"></div><div id="SUBMENU" style="position:absolute; left:187px; top:185px; width:169px; height:152px; z-index:6; visibility: hidden; overflow: hidden;" onMouseOver="MM_showHideLayers('SUBMENU','','show')" onMouseOut="MM_showHideLayers('SUBMENU','','hide')">  <table width="166" height="147" border="0" cellpadding="0" cellspacing="0">    <tr>      <td bgcolor="#FFFF00"><a href="portpack.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('packagestitle','','images/packages2.gif',1)"><img src="images/packages.gif" name="packagestitle" width="128" height="49" border="0" align="right"></a></td>    </tr>    <tr>      <td bgcolor="#FFCC00"><a href="portmag.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('magazinestitle','','images/magazines2.gif',1)"><img src="images/magazines.gif" name="magazinestitle" width="128" height="49" border="0" align="right"></a></td>    </tr>    <tr>      <td bgcolor="#FFFF00"><a href="portothers.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('otherstitle','','images/others2.gif',1)"><img src="images/others.gif" name="otherstitle" width="128" height="49" border="0" align="right"></a></td>    </tr>  </table></div><table width="750" height="400" border="0" align="center" cellpadding="0" cellspacing="0"><tr valign="bottom"> <td colspan="9" bgcolor="#990000"><div align="right"><font color="#FFFFFF" size="4" face="Verdana, Arial, Helvetica, sans-serif">HOME</font></div></td></tr><tr> <th width="166" height="49" align="right" bordercolor="#990000" bgcolor="#FFCC00"> <font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif">HOME</font></th><td width="584" colspan="8" rowspan="7" align="right" valign="middle" bordercolor="#FFCC00" bgcolor="#FF9900"><div align="right">       </div></td></tr><tr> <th width="166" height="49" align="right" bordercolor="#FF9900" bgcolor="#FFFF00"> <font color="#FF9900" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="bio.htm">BIO</a></font></th></tr><tr>     <th width="166" height="49" align="right" bordercolor="#FFFFFF" bgcolor="#FFCC00">       <p class="menubra"><font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/titulojob2rl.gif',1)"><img src="images/titulojob2.gif" name="Image5" width="63" height="49" border="0" onMouseOver="MM_showHideLayers('SUBMENU','','show')" onMouseOut="MM_showHideLayers('SUBMENU','','hide')"></a></font></p></th></tr><tr> <th width="166" height="49" align="right" bordercolor="#FF9900" bgcolor="#FFFF00"> <font color="#FF9900" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="letspla.htm">LET'S PLAY</a> </font></th></tr><tr> <th width="166" height="49" align="right" bordercolor="#FFFFFF" bgcolor="#FFCC00"> <font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="listenup.htm" class="menubra">LISTEN UP </a></font></th></tr><tr> <th width="166" height="49" align="right" bordercolor="#FF9900" bgcolor="#FFFF00"> <font color="#FF9900" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="links.htm">LINKS</a></font></th></tr><tr> <th width="166" height="49" align="right" bordercolor="#FFFFFF" bgcolor="#FFCC00"> <div class="menubra"><font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="sayhell.htm" class="menubra">SAY HELLO </a></font></div></th></tr></table><table width="750" height="55" border="0" align="center" cellpadding="0" cellspacing="0"><tr> <td colspan="9" bgcolor="#990000"> </td></tr></table><p> </p><p> </p><p> </p></body></html>

:blink: :blink:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Jorda...andei pesquisando no proprio imasters sobre layers e cheguei a uma conclusao..apesar de nao saber se funciona...Tem uma coluna que fala tabelas vs layers..e pelo o q eu entendi e conclui é... você tem que primeiro fazer uma layer "mestre" ai depois criar o seu site normalmente dentro dessa layer, inclusive incluindo outros layers. soh q eh o seguinte.. na propriedade desses layers deve haver uma hierarquia..ou seja, o layer mestre teria o Z-index = 0 e o restante 1,2,3,....etc..Tenta recomeçar seu site desse jeito...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Nossa, q viagem...mas entao qual a razao dessa sua sugestao...soh pra saber em q caso deve ser aplicadaValeu amiguinho! :unsure:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu fiz um exemplo me baseando no q te expliquei acima...Funcionou certinho e nas 2 resolucoes

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="JavaScript" type="text/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 leftmargin="0" topmargin="0"><div id="Layer1" style="position:absolute; left:2px; top:3px; width:754px; height:398px; z-index:1"><img src="file:///C|/Documents%20and%20Settings/Dirley/Meus%20documentos/Murilo/Documentos/HPFrame/topo2.gif" width="771" height="99">  <p><a href="#" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')">dsdssds</a>     <a href="#" onMouseOver="MM_showHideLayers('Layer3','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide')">dsdsdsd</a>     <a href="#">sdsd</a> erere erer   <p>  <p>  <p>  <p></div><div id="Layer2" style="position:absolute; left:3px; top:140px; width:90px; height:81px; z-index:2; visibility: hidden;" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')"><img src="file:///C|/Documents%20and%20Settings/Dirley/Meus%20documentos/Murilo/Documentos/HPFrame/thumbs/aimee003.jpg" width="90" height="90"></div><div id="Layer3" style="position:absolute; left:59px; top:140px; width:90; height:90; z-index:3; visibility: hidden;" onMouseOver="MM_showHideLayers('Layer3','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide')"><img src="file:///C|/Documents%20and%20Settings/Dirley/Meus%20documentos/Murilo/Documentos/HPFrame/thumbs/aria001.jpg" width="90" height="90"></div></body></html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Na boa !!! Faz esse trampo no Fireworks eu fiz um curso de DW e falei com instrutor sobre isso uso de layers pra menu então é uma bosta pois a posição deles dificilmente vai ser precisa pois ela varia de acordo com o tamanho do monitor ou e modelo de navegador pra esses casos eh melhor você construir o menu no fire que fica bala...Nilton....

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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