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

(Resolvido) menu drop down

cwarez

Perguntado por cwarez,

 Share

Pergunta

cwarez

cwarez

Postado
Postado (editado)

galera, vou ser franco com vocês

nunca fiz um menu drop down na minha vida...e uma cliente pediu pra fazer um menu dropdown na barra dela

bom....queria um help de vocês..

o codigo com a barra q estou usando é o seguinte

esse é o original

<head>

<style type="text/css">

<!--

/* CSS isso des tutoriels www.alsacreations.com/articles */

body {

margin: 0;

padding: 0;

background: white;

font: 80% verdana, arial, sans-serif;

}

dl, dt, dd, ul, li {

margin: 0;

padding: 0;

list-style-type: none;

}

#menu {

position: absolute;

top: 0;

left: 0;

z-index:100;

width: 100%;

}

#menu dl {

float: left;

width: 12em;

margin: 0 1px;

}

#menu dt {

cursor: pointer;

text-align: center;

font-weight: bold;

background: #ccc;

border: 1px solid gray;

}

#menu dd {

border: 1px solid gray;

}

#menu li {

text-align: center;

background: #fff;

}

#menu li a, #menu dt a {

color: #000;

text-decoration: none;

display: block;

height: 100%;

border: 0 none;

}

#menu li a:hover, #menu dt a:hover {

background: #eee;

}

#site {

position: absolute;

z-index: 1;

top : 70px;

left : 10px;

color: #000;

background-color: #ddd;

padding: 5px;

border: 1px solid gray;

}

a {text-decoration: none;

color: #ffffff;

color: #222;

}

-->

</style>

</head>

<table border="0" cellspacing="0" cellpadding="0" width="670">

<tr>

<td height="22" valign="top" width="296"><div align="center"><font color="#FFFFFF" size="2" face="verdana"><a style="text-decoration:none" href="?area=inicio">Inicio</a>

|

<a style="text-decoration:none" href="?area=quem_somos">Quem

Somos</a> |

<a style="text-decoration:none" href="?area=vendas">Vendas</a>

|

<a style="text-decoration:none" href="?area=locacoes">Locação</a>

|&nbsp;</font></div></td>

<td height="22" valign="top" width="53"><font size="2" face="verdana"><a style="text-decoration:none" href="?area=galpao"><font color="#000000">Galpão</font></a></font></td>

<td height="22" valign="top" width="322"><font size="2" face="verdana" color="#000000">|

<a style="text-decoration: none" href="?area=avaliacao">Avaliação

de Imóvel</a> | <a style="text-decoration: none" href="http://www8.caixa.gov.br/siopiinternet/simulaOperacaoInternet.do?method=inicializarCasoUso" target="_blank">Simulação</a>

| <a style="text-decoration: none" href="index.php?area=contato">Contato</a></font></td>

</tr>

</table>

agora esse é o que estou mechendo e não ta dando certo
<script type="text/javascript">

<!--

window.onload=montre;

function montre(id) {

var d = document.getElementById(id);

for (var i = 1; i<=10; i++) {

if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}

}

if (d) {d.style.display='block';}

}

//-->

</script><head>

<style type="text/css">

<!--

/* CSS isso des tutoriels www.alsacreations.com/articles */

body {

margin: 0;

padding: 0;

background: white;

font: 80% verdana, arial, sans-serif;

}

dl, dt, dd, ul, li {

margin: 0;

padding: 0;

list-style-type: none;

}

#menu {

position: absolute;

top: 0;

left: 0;

z-index:100;

width: 100%;

}

#menu dl {

float: left;

width: 12em;

margin: 0 1px;

}

#menu dt {

cursor: pointer;

text-align: center;

font-weight: bold;

background: #ccc;

border: 1px solid gray;

}

#menu dd {

border: 1px solid gray;

}

#menu li {

text-align: center;

background: #fff;

}

#menu li a, #menu dt a {

color: #000;

text-decoration: none;

display: block;

height: 100%;

border: 0 none;

}

#menu li a:hover, #menu dt a:hover {

background: #eee;

}

#site {

position: absolute;

z-index: 1;

top : 70px;

left : 10px;

color: #000;

background-color: #ddd;

padding: 5px;

border: 1px solid gray;

}

a {text-decoration: none;

color: #ffffff;

color: #222;

}

-->

</style>

</head>

<table border="0" cellspacing="0" cellpadding="0" width="670">

<tr>

<td height="22" valign="top" width="296"><div align="center"><font color="#FFFFFF" size="2" face="verdana"><a style="text-decoration:none" href="?area=inicio">Inicio</a>

|

<a style="text-decoration:none" href="?area=quem_somos">Quem

Somos</a> |

<a style="text-decoration:none" href="?area=vendas">Vendas</a>

|

<a style="text-decoration:none" href="?area=locacoes">Locação</a>

|&nbsp;</font></div></td>

<td height="22" valign="top" width="53"><font size="2" face="verdana"><div id="menu">

<dl>

<dt onmouseover="java script:montre('smenu1');">Galpão</dt>

<dd id="smenu1">

<ul>

<li><a href="index.php?area=galpao&sub=Aluguel">Aluguel</a></li>

<li><a href="index.php?area=galpao&sub=Venda">Venda</a></li>

<li><a href="index.php?area=galpao&sub=Construção">Construção</a></li>

</ul>

</dd>

</dl></font>

</div>

</td>

<td height="22" valign="top" width="322"><font size="2" face="verdana" color="#000000">|

<a style="text-decoration: none" href="?area=avaliacao">Avaliação

de Imóvel</a> | <a style="text-decoration: none" href="http://www8.caixa.gov.br/siopiinternet/simulaOperacaoInternet.do?method=inicializarCasoUso" target="_blank">Simulação</a>

| <a style="text-decoration: none" href="index.php?area=contato">Contato</a></font></td>

</tr>

</table>

bom...eu queria fazer um menu drop-down no link GALPAO

mas não consigo por nada....não gosto muito de pedir assim, prefiro pesquisar...mas já pesquisei de tudo e até agora não consegui...é coisa urgente pessoal

por favor....alguma alma de coração bondosa pode me ajudar??

desde já fico na espera....vlw galera

Editado por cwarez
Link para o comentário
Compartilhar em outros sites

2 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.

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.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

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