Ir para conteúdo

POWERED BY:

Arquivado

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

Fabiosousa

Menu horizontal que não se posiciona

Por , em Desenvolvimento frontend

Recommended Posts

Fabiosousa    0

Fabiosousa
Postado

Galera, boa tarde!Por favor me ajudem com uma certa URGENCIA.Criei um menu horizontal com imagens no Dreamweaver em 1024x768 e qdo testo no IE e Firefox com 800x600 ele fica totalmente fora do local q é pra ser.Como fixo esses layers pra q rode em qualquer browser? faço minhas paginas com tabelas.Grato pela ajuda de vcs.Fabio SOusa

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabiosousa    0

Fabiosousa
Postado

Oi gioMas é isso mesmo. Não sei o q posso falar mais. Não coloquei na net ainda dai não posso referir a um link.vou tentar novamente:- fiz um menu todo em layers no dreamwever, colocando imagens lado-a-lado. Dai visualizo no FFOX com resolução de 1024x768 e fica legal sem sair do lugar(a layer). Qdo ponho a resolução em 800x600 a barra do menu horizontal não fica no local q é pra ser. Fica afastado do local. Gostaria de ficar como se fosse tabelas, n modifica em resolução nenhuma.Sera q fica legal assim?Grato

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Não coloquei na net ainda dai não posso referir a um link.

Dessa forma, naum precisa colocar o link... Pode ser parte do código, onde tah dando errado... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Mas acredito q tenha a ver com position: absolute... O Dreamweaver gera layers colocando as posições sempre absolutas... Isso atrapalha...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabiosousa    0

Fabiosousa
Postado

segue então o codigo:

 

</head><body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('../images/submen_historia_01.gif','../images/submen_missao_01.gif','../images/submen_social_01.gif','../images/submen_localiza_01.gif','../images/submen_ocomerc_01.gif','../images/submen_represen_01.gif','../images/submen_produtos_01.gif','../images/submen_clientes_01.gif','../images/submen_tecnolog_01.gif','../images/submen_passoapasso_01.gif','../images/submen_qualidade_01.gif','../images/submen_glossario_01.gif','../images/submen_especiCD_01.gif','../images/submen_especiDVD_01.gif','../images/submen_release_01.gif','../images/submen_mercado_01.gif','../images/submen_cdmidia_01.gif')"><div id="btquem" style="position:absolute; left:220px; top:15px; width:100px; height:20; z-index:1; visibility: visible;" onMouseOver="MM_showHideLayers('subqsomos','','show','subcomercial','','hide','subindustrial','','hide','subdown','','hide','subimprensa','','hide')"><a href="#"><img src="../images/bt_quem.gif" width="100" height="20" border="0"></a></div><div id="btcomercial" style="position:absolute; left:320px; top:15px; width:99; height:20; z-index:2; visibility: visible;" onMouseOver="MM_showHideLayers('subqsomos','','hide','subcomercial','','show','subindustrial','','hide','subdown','','hide','subimprensa','','hide')"><a href="#"><img src="../images/bt_comercial.gif" width="99" height="20" border="0"></a></div><div id="btindust" style="position:absolute; left:419px; top:15px; width:101; height:20; z-index:3; visibility: visible;" onMouseOver="MM_showHideLayers('subqsomos','','hide','subcomercial','','hide','subindustrial','','show','subdown','','hide','subimprensa','','hide')"><a href="#"><img src="../images/bt_industrial.gif" width="101" height="20" border="0"></a></div><div id="btdownload" style="position:absolute; left:520px; top:15px; width:101; height:20; z-index:4; visibility: visible;" onMouseOver="MM_showHideLayers('subqsomos','','hide','subcomercial','','hide','subindustrial','','hide','subdown','','show','subimprensa','','hide')"><a href="#"><img src="../images/bt_download.gif" width="101" height="20" border="0"></a></div><div id="btconosco" style="position:absolute; left:621px; top:15px; width:101; height:20; z-index:5; visibility: visible;"><a href="#"><img src="../images/bt_faloconosco.gif" width="101" height="20" border="0"></a></div><div id="btimprensa" style="position:absolute; left:722px; top:15px; width:130; height:20; z-index:6; visibility: visible;" onMouseOver="MM_showHideLayers('subqsomos','','hide','subcomercial','','hide','subindustrial','','hide','subdown','','hide','subimprensa','','show')"><a href="#"><img src="../images/bt_imprensa.gif" width="130" height="20" border="0"></a></div><div id="subqsomos" style="position:absolute; left:215px; top:36px; width:101px; height:81px; z-index:7; visibility: hidden;" onMouseOver="MM_showHideLayers('subqsomos','','show','subcomercial','','hide','subindustrial','','hide','subdown','','hide','subimprensa','','hide')" onMouseOut="MM_showHideLayers('subqsomos','','hide','subcomercial','','hide','subindustrial','','hide','subdown','','hide','subimprensa','','hide')">   <table width="100%" border="0" cellspacing="0" cellpadding="0">	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','../images/submen_historia_01.gif',1)"><img src="../images/submen_historia.gif" name="Image24" width="102" height="23" border="0"></a></td>	</tr>	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','../images/submen_missao_01.gif',1)"><img src="../images/submen_missao.gif" name="Image25" width="102" height="16" border="0"></a></td>	</tr>	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image26','','../images/submen_social_01.gif',1)"><img src="../images/submen_social.gif" name="Image26" width="102" height="17" border="0"></a></td>	</tr>	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','../images/submen_localiza_01.gif',1)"><img src="../images/submen_localiza.gif" name="Image27" width="102" height="25" border="0"></a></td>	</tr>  </table></div><div id="subcomercial" style="position:absolute; left:317px; top:36px; width:100px; height:80px; z-index:8; visibility: hidden;" onMouseOver="MM_showHideLayers('subqsomos','','hide','subcomercial','','show','subindustrial','','hide','subdown','','hide','subimprensa','','hide')" onMouseOut="MM_showHideLayers('subqsomos','','hide','subcomercial','','hide','subindustrial','','hide','subdown','','hide','subimprensa','','hide')">   <table width="100%" border="0" cellspacing="0" cellpadding="0">	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image28','','../images/submen_ocomerc_01.gif',1)"><img src="../images/submen_ocomerc.gif" name="Image28" width="102" height="23" border="0"></a></td>	</tr>	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','../images/submen_represen_01.gif',1)"><img src="../images/submen_represen.gif" name="Image29" width="102" height="16" border="0"></a></td>	</tr>	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image30','','../images/submen_produtos_01.gif',1)"><img src="../images/submen_produtos.gif" name="Image30" width="102" height="17" border="0"></a></td>	</tr>	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31','','../images/submen_clientes_01.gif',1)"><img src="../images/submen_clientes.gif" name="Image31" width="102" height="25" border="0"></a></td>	</tr>  </table></div><div id="subindustrial" style="position:absolute; left:419px; top:36px; width:99px; height:82px; z-index:9; visibility: hidden;" onMouseOver="MM_showHideLayers('subqsomos','','hide','subcomercial','','hide','subindustrial','','show','subdown','','hide','subimprensa','','hide')" onMouseOut="MM_showHideLayers('subqsomos','','hide','subcomercial','','hide','subindustrial','','hide','subdown','','hide','subimprensa','','hide')">   <table width="100%" border="0" cellspacing="0" cellpadding="0">	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32','','../images/submen_tecnolog_01.gif',1)"><img src="../images/submen_tecnolog.gif" name="Image32" width="102" height="23" border="0"></a></td>	</tr>	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image33','','../images/submen_passoapasso_01.gif',1)"><img src="../images/submen_passoapasso.gif" name="Image33" width="102" height="16" border="0"></a></td>	</tr>	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image34','','../images/submen_qualidade_01.gif',1)"><img src="../images/submen_qualidade.gif" name="Image34" width="102" height="17" border="0"></a></td>	</tr>	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image35','','../images/submen_glossario_01.gif',1)"><img src="../images/submen_glossario.gif" name="Image35" width="102" height="25" border="0"></a></td>	</tr>  </table></div><div id="subdown" style="position:absolute; left:521px; top:36px; width:101px; height:40px; z-index:10; visibility: hidden;" onMouseOver="MM_showHideLayers('subqsomos','','hide','subcomercial','','hide','subindustrial','','hide','subdown','','show','subimprensa','','hide')" onMouseOut="MM_showHideLayers('subqsomos','','hide','subcomercial','','hide','subindustrial','','hide','subdown','','hide','subimprensa','','hide')">   <table width="100%" border="0" cellspacing="0" cellpadding="0">	<tr> 	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image36','','../images/submen_especiCD_01.gif',1)"><img src="../images/submen_especiCD.gif" name="Image36" width="102" height="23" border="0"></a></td>	</tr>	<tr> 	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image37','','../images/submen_especiDVD_01.gif',1)"><img src="../images/submen_especiDVD.gif" name="Image37" width="102" height="16" border="0"></a></td>	</tr>  </table></div><div id="subimprensa" style="position:absolute; left:720px; top:36px; width:129; height:57px; z-index:11; visibility: hidden;" onMouseOver="MM_showHideLayers('subqsomos','','hide','subcomercial','','hide','subindustrial','','hide','subdown','','hide','subimprensa','','show')" onMouseOut="MM_showHideLayers('subqsomos','','hide','subcomercial','','hide','subindustrial','','hide','subdown','','hide','subimprensa','','hide')">   <table width="100%" border="0" cellspacing="0" cellpadding="0">	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image38','','../images/submen_cdmidia_01.gif',1)"><img src="../images/submen_cdmidia.gif" name="Image38" width="129" height="23" border="0"></a></td>	</tr>	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image39','','../images/submen_mercado_01.gif',1)"><img src="../images/submen_mercado.gif" name="Image39" width="129" height="16" border="0"></a></td>	</tr>	<tr>	  <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image40','','../images/submen_release_01.gif',1)"><img src="../images/submen_release.gif" name="Image40" width="129" height="20" border="0"></a></td>	</tr>  </table></div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Já ouviu falar em CSS? Pois é ajuda muito a desenvolver menus interessantes sem sujar tanto o código! Veja na busca do Fórum os N²ººººº posts sobre Menus. Bom aprendizado

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito