• 0
Sign in to follow this  
leandromdl

Problemas Com Drop Down

Question

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>

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 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!!!

Share this post


Link to post
Share on other sites
  • 0

Hum...ok...qualquer dúvida, é só retornar.

!Fechando!

OBS: seu site num ta pegando no Firefox.

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this