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

Problemas Com Drop Down


leandromdl

Pergunta

Olá pessoal....bom dia!!!

Estou criando um menu com Drop down em CSS, porém, apesar do efeito de menu em cascata aparecer certinho, o links simplesmente não funcionam mais...aliás os únicos links q funcionam ainda são os q levam à páginas externas. Alguém poderia me ajudar a resolver essa questão?

Segue abaixo o código:

// JavaScript Document

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;

<HTML lang=pt-br xml:lang="pt-br" xmlns="http://www.w3.org/1999/xhtml">

<HEAD>

<TITLE>Menu 3333</TITLE>

<script src="drop_down.js" type=text/javascript></SCRIPT>

<STYLE type=text/css>

BODY {

WIDTH: 180px

}

UL {

PADDING-RIGHT: 0px;

PADDING-LEFT: 0px;

PADDING-BOTTOM: 0px;

MARGIN: 0px;

FONT: bold 12px arial, helvetica, sans-serif;

PADDING-TOP: 0px;

LIST-STYLE-TYPE: none

}

UL LI {

POSITION: relative;

FONT: bold 12px arial, helvetica, sans-serif

}

UL LI A {

BORDER-RIGHT: #000000 5px solid;

PADDING-RIGHT: 2px;

BORDER-TOP: #000000 1px solid;

DISPLAY: block;

PADDING-LEFT: 2px;

PADDING-BOTTOM: 5px;

BORDER-LEFT: #000000 1px solid;

WIDTH: 170px;

COLOR: #ffffff;

PADDING-TOP: 5px;

BORDER-BOTTOM: #000000 4px solid;

BACKGROUND-COLOR: #000099;

MARGIN-BOTTOM: 1px;

TEXT-DECORATION: none; voice-family: inherit

}

HTML UL LI {

FLOAT: left; HEIGHT: 1%

}

HTML UL LI A {

HEIGHT: 1%

}

UL LI A:hover {

BACKGROUND-COLOR: #7FA2E6

}

UL UL {

DISPLAY: none;

LEFT: 5px;

POSITION: relative;

TOP: 0px;

WIDTH: 180px

}

LI UL LI A {

BORDER-RIGHT: #000000 5px solid;

PADDING-RIGHT: 2px;

BORDER-TOP: #000000 0px solid;

DISPLAY: block;

PADDING-LEFT: 2px;

PADDING-BOTTOM: 5px;

BORDER-LEFT: #000000 1px solid;

WIDTH: 160px;

COLOR: #ffffff;

PADDING-TOP: 5px;

BORDER-BOTTOM: #000000 4px solid;

BACKGROUND-COLOR: #000099;

MARGIN-BOTTOM: 2px;

TEXT-DECORATION: none; voice-family: inherit

}

LI:over UL UL {

DISPLAY: none

}

LI.over UL UL {

DISPLAY: none

}

LI:over UL {

DISPLAY: block

}

LI LI:over UL {

DISPLAY: block

}

LI.over UL {

DISPLAY: block

}

LI LI.over UL {

DISPLAY: block

}

</STYLE>

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

<body bgcolor="#000099" leftMargin=0 rigthtMargin=0 topMargin=0 marginheight="0" marginwidth="0">

<center>

<table BORDER=0 CELLPADDING=0 CELLSPACING=0>

<tr><td WIDTH="100%" HEIGHT="3%"><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><b>Menu Principal</b></fonte><p></td></tr>

</table>

</center>

<p>

<font color="#FFFFFF" face="Arial, Helvetica, sans-serif">

<center>

<UL id=nav>

<li><a href="historiadocaefalf.html" target=principal><b>História</b></a></li>

<li><a href="estatuto.htm" target=principal><b>Estatuto</b></a></li>

<li><a href="atasdasreunioes.htm" target=principal><b>ATAS</b></a>

<ul>

<li><a href="atascaefalf.html" target=principal><b>CAEFALF</b></a></li>

<li><a href="atascondep.html" target=principal><b>CONDEP</b></a></li>

<li><a href="atasconeef.html" target=principal><b>CONEEF</b></a></li>

<li><a href="ataseneef.html" target=principal><b>ENEEF</b></a></li>

</ul>

</li>

<li><a href="gradecuricular.html" target=principal><b>Grade curricular</b></a></li>

<li><a href="calendariosiefduerj.html" target=principal><b>Calendários IEFD - UERJ</b></a></li>

<li><a href="servicos.htm" target=principal><b>Serviços prestados</b></a></li>

<li><a href="financascaefalf.html" target=principal><b>Relatório de finanças</b></a></li>

<li><a href="cad_empresas_alunos.htm" target=principal><b>Estágios e oportunidades</b></a></li>

<li><a href="jornal.htm" target=principal><b>Jornal - O Hipertenso</b></a></li>

<li><a href="dicas.htm" target=principal><b>Dicas acadêmicas</b></a></li>

<li><a href="artigos.htm" target=principal><b>Artigos Científicos</b></a></li>

<li><a href="http://www.uerj.br" target="_blank"><b>Site da UERJ</b></a></li>

<li><a href="http://www.folha.uol.com.br/" target="_blank"><b>E no mundo...</b></a></li>

<li><a href="album/index.html" target=principal><b>Álbum de fotos</b></a></li>

<li><a href="janelaprincipal.html" target=principal><b>Voltar à página principal</b></a></li>

</ul>

</center>

</BODY>

</HTML>

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

...vamos lá...o menu estava normal, não aparecia mensagem alguma....Mas agora para a minha surpresa, eu resolvi colocar o site no ar com o menu do jeito que estava para poder facilitar o auxílio de amigos de fórum, e aí o menu simplesmente funcionou normalmente no ar...não faço idéia do porque disso, sei só q no ar ele está funcionando numa boa, mas aqui no meu pc não estava funcionando nada.... se quiser dar uma olhada o site é esse aí... : http://paginas.terra.com.br/educacao/caefalf/index.htm .... Obrigado pela atenção e abraços amigo!!!

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novos posts.


  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...