Ir para conteúdo
Fórum Script Brasil
  • 0

Javascript E Css


Guest gus

Pergunta

Caros(as) Colegas:

Como coloco um menu feito em javascript dentro de uma página css, principalmente com relação ao posicionamento do menu dentro da página.

Obrigado

Gus

Link para o comentário
Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

  • 0

Código html:

<head>

<style type="text/css" media="screen">

@import url("x.css");

</style>

</head>

<body>

<div id="wrapper">

<div id="bannersupa">

<div id="bannersupb">

<p>www.ogptb.org.br</p>

</div>

</div>

<div id="figsuperior"></div>

<!-- Início do menu -->

<script type='text/javascript'>

function Go(){return}</script>

<script type='text/javascript' src='menu_var.js'></script>

<script type='text/javascript' src='menu_com.js'></script>

<!-- Fim do menu -->

</div>

</body>

Código css - está em x.css:

*, html, body {

margin:0;

padding:0;

}

body {

margin:0;

padding:0;

color:#000000;

background:#000000;

text-align: center;

}

#wrapper {width:800px; margin:0 auto;}

#figsuperior {

position:relative;

width:800px;

color:#000000;

background:#ffffff url("superior.jpg") center no-repeat;

height:167px;

_width:801px;

}

body>#figsuperior {

width:800px;

}

#bannersupa {

position:relative;

margin: 0px;

text-align:justify;

padding-left:0px;

padding-right:0px;

padding-top:0px;

padding-bottom:0px;

border-left: 1px solid #FFFFFF;

color:#000000;

background:#8B4109;

width:270px;

height:40px;

top:0px;

left:0px;

_left:-134px;

}

#bannersupb {

position:relative;

margin: 0px;

text-align:justify;

padding-left:0px;

padding-right:0px;

padding-top:0px;

padding-bottom:0px;

border-right: 1px solid #FFFFFF;

color:#FFFFFF;

background:#C55C0D;

width:530px;

height:40px;

top:0px;

left:269px;

_left:270px;

}

#bannersupb p {

margin: 0px 0px 0px 10px;

padding-top:10px;

font: 13px "century gothic","arial","verdana";

_margin: 10px 0px 0px 10px;

_padding-top:0;

}

Abraço

Gus

Link para o comentário
Compartilhar em outros sites

  • 0

Em tempo:

Da maneira que coloquei, o menu fica fixo no lado esquerdo, seguindo as configurações do código java, mesmo colocando dentro de um <div></div>.

Link para o comentário
Compartilhar em outros sites

  • 0

no seu código tem um css que parece esta fazendo isso!

#wrapper {width:800px; margin:0 auto;}

esse css esta fazendo você crio um div que esta colocando tudo dentro dele tira esse css e mostri ai e testa coso não de resultado coloca sua página online pra mim ver com oesta ficando porque nã otendo acesso ao menu não sei direito o que esta ocasionando isso

Link para o comentário
Compartilhar em outros sites

  • 0

a resposta é assim

você quer que ele fique no meio é isso?

um dos arquivo em javascript esta controlando o posicionamento dele

menu_var.js é o responsavel por tal ato

mudei essa linha

var MenuCentered='left'; // Menu horizontal position 'left', 'center' or 'right'

troque o left por center

Link para o comentário
Compartilhar em outros sites

  • 0

Nada disso!

Mas de qualquer maneira, com tua ajuda, me fazendo pensar de maneira diferente, eu descobri. No arquivo menu_var.js tem um linha para isto smile.gif).

var TargetLoc=''; // span id for relative positioning

coloquei um nome para o id:

var TargetLoc='menuposition';

Aí, coloquei este id no arquivo .css com as configurações da posição que eu queria, que era no lado esquerdo, na mesma linha da borda esquerda da figura que estava acima.

Ok, valeu!!!

Obrigado pela ajuda.

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...