Submenu fora do lugar

jorda · Junho 7, 2003

Galera, seguinte... to fazendo um submenu daqueles q qdo passa o onmouseover na imagem, ele q estah hidden aparece, sacou? Pois eh, soh q me falaram q eu tenho q alinhar e encostar o layer dele bem do ladinho da imagem q dah link, mas qdo vou pro navegador, tanto ele qdo a imagem de link do titulo tao completamente fora do lugar...vcs sabem o q eu tenho q fazer pra deixar o bichinho certinho???Valeu! :( ;)

sitenovo · Junho 7, 2003

Seguinte,Tem como postar a URL do site que está fazendo isso??Assim, poderemos ver melhor os codigos![]sRodney

índio · Junho 7, 2003

você esta fez no fire ou com layers?se for no fire, na versão 4 tem esse problema... no MX não.Mas ser for com layer... n sei ;)

jorda · Junho 7, 2003

Estou usando o photoshop 7 e o DW MX. O titulo do menu de onde sai o link, eh uma imagem em gif dentro

de uma celula. E o submenu desse link eh uma table de 3 celulas dentro de um layer.

Ai vao os codigos... (nao tenho dominio registrado ainda pra postar URL)...Valeu, galera! :rolleyes: :D

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<!--

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[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=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)&&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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

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))!=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>

<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>

<table width="166" height="147" border="0" cellpadding="0" cellspacing="0">

<tr>

</tr>

<tr>

</tr>

<tr>

</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">

</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>

</body>

</html>

índio · Junho 7, 2003

subistitui teu código por esse

<!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.0var 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.0var 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.0var 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; visibility: visible"><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;; visibility: visible"><img src="images/fotoro.gif" width="286" height="187"></div><div id="SUBMENU" style="position:absolute; left:179px; top:186px; width:169px; height:152px; z-index:6; visibility: visible; 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>

eu só movimentei a camada para esquerda....

dai ficou bem enconstada no menu

jorda · Junho 7, 2003

Xi, ainda nao deu certo, continua deslocado, o q serah??? :D :rolleyes: :D

índio · Junho 7, 2003

em qual visualização você esta, 800 X 600????

jorda · Junho 9, 2003

1024 x 768 e o tamanho da imagem na tela eh W=750x H=455!!!O q pode ser?! :D ;) :D

jorda · Junho 9, 2003

Indio, cade você??? Oih, cara, ainda nao deu certo...serah q a :P lguem ai pode me ajudar????

Arquivado

Submenu fora do lugar

Recommended Posts

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

sitenovo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

índio 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

índio 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

índio 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante