Ir para conteúdo
Fórum CódigoFonte.net
  • Anúncios

    • codigofonte

      Novo Fórum

      Pessoal, Atualizamos nossa versão do fórum para a mais recente da Invision Power. Como tínhamos uma versão muito antiga, talvez algumas áreas possam funcionar de forma errada ou com problemas, gostaria de pedir-lhes a compreensão, pois iremos resolvendo aos poucos. Até mais!
Entre para seguir isso  
michelin

Como deixo o menu naquele lugar?

Recommended Posts

Bom gente eu to fazendo um site em php... e to com várias dúvidas

A primeira é que eu quero botar meu menu drop-down naquela barrinha branca ali na imagem \/

http://img120.imageshack.us/my.php?image=73214879kz6.jpg

Embaixo de sexta feira não sei o que, ja fatiei e deletei aimagem, ai fico só a tabelinha no lugar né, ai seleciono o tabela e colo o script no lugar dos scripts, só que deforma o layout intero :|, to botando atraves de <? include="menu.php ?> que eu botei ele num arquivo php separado. é mais ou menos isso, tipo o menu aparece, mas só queria que ele ficasse bem em cima daquele retangulo branco.

Vo posta o codigo do menú

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

<!-- saved from url=(0051)http://www.foxtergroup.com/coluna_js_dhtml/menu.htm -->

<HTML><HEAD><TITLE>menu</TITLE>

<META http-equiv=Content-Type content="text/html; charset=windows-1252">

<STYLE>BODY {

FONT-SIZE: 11px; COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

P {

FONT-SIZE: 11px; COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

TABLE {

FONT-SIZE: 11px; COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

TD.input {

FONT-SIZE: 11px; COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

TEXTAREA {

FONT-SIZE: 11px; COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

A {

COLOR: #000000; TEXT-DECORATION: none

}

.special {

LEFT: 0px; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: #f2f3ed

}

</STYLE>

<script language=javascript>

function menu(){

submenu = [];

textmenu = [];

textmenu[0] = ["Fireworks","Flash","Paint","Photoshop"]

textmenu[1] = ["http://www.fireworks.com/","http://www.flash.com/","http://www.paint.com/","http://www.photoshop.com/"];

if(document.getElementById){

menu = document.getElementById("Layer1");

lonk = document.getElementById("menu");

//menu.setAttribute("position","absolute")

function over(){ this.style.backgroundColor = '#076900'; }

function out(){ this.style.backgroundColor = '#FFFFFF'; }

function show(){ this.style.visibility='visible'; }

function hide(){ this.style.visibility='hidden'; }

for (i=0; i<textmenu[0].length; i++){

textmenu[0] = "<a href='"+textmenu[1]+"' target='_blank'>" + textmenu[0] + "</a>";

submenu = document.createElement("DIV");

submenu.setAttribute("className", "special");

submenu.innerHTML = textmenu[0];

submenu.style.padding = "5px";

submenu.onmouseover = over;

submenu.onmouseout = out;

menu.appendChild(submenu);

}

menu.style.top = (parseInt(lonk.style.top)+parseInt(lonk.style.height));

menu.onmouseover = show;

menu.onmouseout = hide;

}

}

window.onload = menu;

</SCRIPT>

<META content="MSHTML 6.00.2900.5512" name=GENERATOR></HEAD>

<BODY>

<DIV id=Layer1

style="BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 2px; Z-INDEX: 1; LEFT: 170px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: #999999 1px solid; WIDTH: 90px; PADDING-TOP: 2px; BORDER-BOTTOM: #999999 1px solid; POSITION: absolute; TOP: 37px; BACKGROUND-COLOR: #f2f3ed"></DIV>

<DIV id=menu

style="Z-INDEX: 1000; LEFT: 10px; WIDTH: 319px; POSITION: absolute; TOP: 10px; HEIGHT: 28px">

<TABLE cellSpacing=0 cellPadding=0 width=319 border=0>

<TBODY>

<TR>

<TD width=82><IMG height=28

src="menu_arquivos/menu_01.jpg" width=82 border=0></TD>

<TD width=83><IMG height=28

src="menu_arquivos/menu_02.jpg" width=83 border=0></TD>

<TD width=><A onmouseover=menu.onmouseover()

onmouseout=menu.onmouseout() href="javascript:void(null)"><IMG height=28

src="menu_arquivos/menu_03.jpg" width=87 border=0></A></TD>

<TD width=88><IMG height=28

src="menu_arquivos/menu_04.jpg" width=88 border=0></A></TD>

</TD></TR></TBODY></TABLE>

</DIV>

</BODY></HTML>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

×