::..Hunter..:: Postado Novembro 11, 2004 Denunciar Share Postado Novembro 11, 2004 Se puderem ver este menu notarão que a figura quando em estado over sobe um pouquinho em relação a figura inicial, sendo que elas são exatamente do mesmo tamanho.AQUI!!!porque será que isto acontece? O código é este:<html><head><style type="text/css">.mh { background-color : #eb1c24; color : #556677; display : block; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : bold; vertical-align : center; width : expression("100%");}.mn { background : #eeeff0; padding : 1px; position : absolute; z-index : 100;}.mn a{ color : #2F4F4F; display : block; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; text-decoration : none; vertical-align : center; width : expression("100%"); font-weight : normal;}.mn a:hover { background : #eeeff0; text-decoration : none; color : #eb1c24;}.sp { border-bottom : 0px solid; border-top : 0px solid;}</style></head><table border="0" cellspacing="0" cellpadding="0" align="left"><tr><td><script language="JavaScript1.2">q1="<a href='";q2="' title='";q3="'>";q4="</a>";q5="<div class=sp></div>";q6="</div>";q7="<div class='mh'>";q8="' class='mn' style='position: absolute;width:"d=document;dm=d.getElementById?1:0;ie=d.all?1:0;i4=(d.all && !dm)?1:0;n4=d.layers?1:0mn=new Array();ln=new Array();sn=new Array();sw=new Array();el= new Array();mel= new Array()tp=3 // distância do topo do menu em relação a página lf=3 //distância da esquerda do menu em relação a páginasp=1 //espaço entre os menushr=1 //espaço horizontal (1 - horizontal | 0 - vertical)oh=50 ov=50mn[1]=<img src='parado.gif' width='113' height='34' border='0'>";ln[1]='#';sw[1]=100;sn[1]=""+"<img src='sobre.gif' width='113' height='34' border='0'>"+q1+"paginadois.html"+q2+"Description"+q3+" link 1"+q4+q5 //separador+q1+"paginadois.html"+q2+"Description"+q3+" link 2"+q4+q5 //separador+q1+"paginadois.html"+q2+"Description"+q3+" link 3"+q4// NÃO É NECESSÁRIO ALTERAR O CÓDIGO ABAIXO //ma=mn.length;mw=0;for(i=0;i<ma;i++){if(sw>mw)mw=sw};d.write("<div id='ctrl' style='position:absolute;width:100%;height:100%;z-indez:90' onmouseover='há()'></div>");ctr=gE('ctrl')if(hr==1){sp+=(dm&&!ie)?4:0;for(i=0;i<ma;i++){d.write("<div id='main"+i+q8+sw+";top:"+tp+";left:"+lf+q3+q1+ln+"' onmouseover='há();sE(el["+i+]);sE(ctr)"+q3+mn+q4+q6);mel=gE("main"+i);d.write("<div id=sub"+i+q8+sw+";top:"+(tp+gH(mel)-1)+";left:"+lf+q3+sn+q6);el=gE("sub"+i);lf+=(gW(mel)+sp)}}else{for(i=0;i<ma;i++){d.write("<div id='main"+i+q8+mw+";top:"+tp+";left:"+lf+q3+q1+ln+"' onmouseover='há();sE(el["+i+]);sE(ctr)"+q3+mn+q4+q6);mel=gE("main"+i);d.write("<div id='sub"+i+q8+sw+";top:"+(tp+ov)+";left:"+(lf+mw-oh)+q3+sn+q6);tp+=(gH(mel)+sp);el=gE("sub"+i)}}function há(){for(i=0;i<ma;i++)hE(el);hE(ctr)};function zA(){for(i=0;i<ma;i++){sZ(el,111);sZ(mel,100)}};function gE(e){if(dm){r=d.getElementById(e);return d.getElementById(e).style}if(i4)return d.all[e].style;if(n4)return d.layers[e]}function hE(e){e.visibility="hidden"};function sE(e){e.visibility="visible"};function sZ(e,z){e.zIndex=z};function gH(e){h=parseInt(e.height||e.pixelHeight||r.offsetHeight);return h};function gW(e){w=parseInt(e.width||e.pixelWidth||r.offsetWidth);return w}há();zA();d.onclick=há</script></td></tr></table></body></html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Crystian Postado Novembro 11, 2004 Denunciar Share Postado Novembro 11, 2004 o Link q tu passou no Mozilla não funciona, por isso não consegui testar. Vou dar uma olhada no teu código depois falo contigo...AbraçoCrystian Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 ::..Hunter..:: Postado Novembro 11, 2004 Autor Denunciar Share Postado Novembro 11, 2004 Valeu, eu consegui arrumar, na verdade quando coloquei dentro de uma tag <td> ele ficou certo. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest edson Postado Dezembro 29, 2004 Denunciar Share Postado Dezembro 29, 2004 segundo a mesma ideia deste menu gostaria de fazer um bem parecido tambem drop dow estou mandando a sequencia de imagens como gostaria que ele ficasse meu ajudem por favoracho que o codigo seria +- assimEsta parte a imagem onde a pessoa passa o mouse pra cescer os itens, certo?mn[1]="<img src='img1.gif' width='185' height='15' border='0'>";ln[1]='#';sw[1]=100;sn[1]=""+"<img src='img1.gif' width='185' height='15' border='0'>"no itens to pensando em colocar imagens também.+q1+"paginadois.html"+q2+"Description"+q3+" <img src='img1.gif' width='185' height='15' border='0'>"+q4+será que isso e possivel, ajuda por favor. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Crystian Postado Dezembro 29, 2004 Denunciar Share Postado Dezembro 29, 2004 Cara isso que você quer é possivel, tenta fazer e posta as tuas dúvidas, acredito q ninguém vai ter tempo para fazer pra ti... tenta fazer e vê as dúvidas...AbraçoCrystian Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
::..Hunter..::
Se puderem ver este menu notarão que a figura quando em estado over sobe um pouquinho em relação a figura inicial, sendo que elas são exatamente do mesmo tamanho.
AQUI!!!
porque será que isto acontece?
O código é este:
Link para o comentário
Compartilhar em outros sites
4 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.