Ir para conteúdo

POWERED BY:

Arquivado

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

Leandro MdL

Drop down impedindindo o funcionamento dos links...

Por , em Desenvolvimento frontend

Recommended Posts

Leandro MdL    0

Leandro MdL
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

Cara, testei aqui e funciona tudo beleza.Aliás... Pra que você setou o height como 1%??? O menu fica apertado dimais...

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