Ir para conteúdo

POWERED BY:

Arquivado

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

Fabio_Filo

Menu DropDow

Por , em Desenvolvimento frontend

Recommended Posts

Fabio_Filo    0

Fabio_Filo
Postado

Ai galera, to mandando o fonte de um menu dropdow que nao funcionou tentei fazer seguindo o site do maujor.com mas nao rodo....

 

<html>

<head>

<title>Documento sem título</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<script>

startList = function() {

if (document.all&&document.getElementById) {

navRoot = document.getElementById("nav");

for (i=0; i<navRoot.childNodes.length; i++) {

node = navRoot.childNodes;

if (node.nodeName=="LI") {

node.onmouseover=function() {

this.className+=" over";

}

node.onmouseout=function() {

this.className=this.className.replace

(" over", "");

}

}

}

}

}

window.onload=startList;

 

</script>

 

 

 

<style>

ul {

margin: 0;

padding: 0;

list-style: none;

width: 150px;

 

}

 

ul li{

position: relative;

}

 

li ul{

position: Absolute;

left: 149 px;

top: 0;

display: none;

}

 

ul li a {

display: Block;

text-decoration: none;

color: #700;

background: #FFF;

padding: 5px;

border: 1px solid #CCC;

border-bottom: 0;

}

 

/* fix IE. Hide from IE Mac\*/

* html ul li { float: left; }

* html ul li a { height: 1%; }

/* End */

 

ul {

margin: 0;

padding: 0;

list-style: none;

width: 150px;

border-bottom: 1px solid #CCC;

}

 

li: hover ul, li.over ul {

display: block;}

 

</style>

<body>

<ul id="nav">

<li><a href="">Teste 1</a></li>

<ul>

<li><a href="">Teste 1</a></li>

</ul>

<li><a href="">Teste 2 </a></li>

<ul>

<li><a href="">Teste 2</a></li>

</ul>

<li><a href=""> Teste 3</a></li>

<ul>

<li><a href="">Teste 3</a></li>

</ul>

</ul>

</body>

</html>

 

Me mostre o erro,

conto com vcs....

Fabio_Filo

www.fabiofilo.com

fabiofilo@fabiofilo.com

Compartilhar este post

Link para o post
Compartilhar em outros sites

DaKz    0

DaKz
Postado

mano no dreamweaver tem uma behavior pra esse menu ja faz tudo cria o js e tudo... e se quiser um mais bunitinho faz no fireworks que tb tem com mais opções... qq duvida poste ae.... o do maujor eh na maum que tem que fazer eh mais rala &:-D...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Fabio_Filo,

 

Eu to no trampo, não posso ficar olhando código [quem sabe alguém aqui até de uma olhada] mas não tem como você colocar isso on line para que a gente possa ver??? Pq lembro que que já tinha pego um desses menus lá do maujor, é bem tranquilo, basta ler toda a explicação q funciona.

 

Bom, mas mesmo assim, ai vai um link que pode ajudar você: Como fazer menus horizontal e vertical.

 

Espero que ajude!!

 

[]´s

 

P.S.: DaKz, aqui é o fórum de WS, não é recomendado fazer menu´s ou sites inteiros pelo Dream [parte visual] ou Fireworks.

Primeiro pela questão da sujeira no código e segundo pela questão das tabelas.

Compartilhar este post

Link para o post
Compartilhar em outros sites

robson cavalcante    0

robson cavalcante
Postado

mano no dreamweaver tem uma behavior pra esse menu ja faz tudo cria o js e tudo... e se quiser um mais bunitinho faz no fireworks que tb tem com mais opções... qq duvida poste ae.... o do maujor eh na maum que tem que fazer eh mais rala &:-D...

RSSS CARA ISSOAQU I´UM FÓRUM DE WEBSATANDARDS. PELO AMOR DE DEUS, DREAMWEAVER COM TABELAS AQUI NÃO VELHO.. NOSSA SRSSRSR ISSO JÁ ERA. CSS É TUDO PRA SE FAZER E É BEM MAIS FACIL. FIREWORKS É CRUEL HEIN.. SRSRRS PELO AMOR DE DEUS RSRS NEM TENTE FAZER ISSO NO FIRE PARA NET, NÃO ROLA MAIS, ALÉM DE SER PESADO NÃO ENTRA NUNCA NOS STANDARS.ABRAÇOS.

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