Ir para conteúdo

POWERED BY:

Arquivado

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

WebMacgyver

Menu Fixo com Css+Javascript

Por , em Desenvolvimento frontend

Recommended Posts

WebMacgyver    0

WebMacgyver
Postado

Boa noite galera.

Após alguns meses atarefado com minhas ocupações academicas resolvi retornar ao meu hobby e aprender mais sobre padrões da web mas logo de cara travei em um problema.

 

Estou tentando utilizar um script(CSS+Javascript) de um menu fixo. Inicialmente consegui adaptar do jeito que eu queria, mas quando tento posiciona-lo não acontece nada.

 

Gostaria de situa-lo em:

left:5px; top:215px;

Mas até agora nada. Gostaria da ajuda de vocês pois não entendo nada de javascript.

 

Código

<html>
<body>

<script LANGUAGE="JavaScript">

function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
  }
}
function checkLocation() {
object="object1";
yy=eval(y);
eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
</script>


<body OnLoad="setVariables();checkLocation()">


<div id="object1" style="position:relative; visibility:show; left:0px; top:0px; z-index:5"><div
align="right">

<table width="120" border="0" bgcolor="#BCBCBC" cellspacing="1">
 <tr>
   <td bgcolor="#000000"><p align="center"><font face="Arial" color="#FFFFFF"><strong><small>Menu
   Estático</small></strong></font></td>
 </tr>
 <tr>
   <td bgcolor="#EAEAEA" align="center"><table border="0" width="100%" cellpadding="0">
     <tr>
       <td width="100%"></td>
     </tr>
   </table>
   </td>
 </tr>
 <tr>
   <td bgcolor="#EAEAEA" align="center">Link 1</td>
 </tr>
 <tr>
   <td bgcolor="#EAEAEA" align="center">Link 2</td>
 </tr>
 <tr>
   <td bgcolor="#EAEAEA" align="center">Link 3</td>
 </tr>
 <tr>
   <td bgcolor="#EAEAEA" align="center">Link 4</td>
 </tr>
</table>
</div>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

JCMais    75

JCMais
Postado

Porque não utilizas uma ul com position fixed e top/left igual a 0?

 

Usar uma tabela para criar um menu não é o caminho correto a se seguir.

Compartilhar este post

Link para o post
Compartilhar em outros sites

BCunha    0

BCunha
Postado

Boa noite,

 

 

Pelo que eu entendi você quer alterar a posição da camada .....Para isto ocorrer, as alterações devem ser feitas no css, mais exatamente na camada que você quer mudar de posição. Como reparei que você utilizou o z-index, você deve utilizar position:absolute , assim ela ficará flutuando, e então na mesma camada coloca margin-top:215px; e margin-left:5px; Lembrando que se esta camada ficar por cima, o z-index dela deve ser maior que o das outras, por exemplo se as outras camadas forem também absolutas e tiverem z-index:1, você utiliza o z-index:2, ok?

 

Porém se quiser que elas fiquem fixas, utilize o position:relative; e top:215px; left:5px; na camada que você quer mudar a posição.

 

 

Att,

Bruna Cunha

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