Ir para conteúdo

Arquivado

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

Oo...

eu consegui ¬¬

Recommended Posts

bom, depois de varios dias com dor de cabeça, vi o problema q estava no menu drop-down contido no site "www.maujor.com", q era uma simples letra ">>" no codigo JavaScript....segue o exemplo...

 

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 "">>"" <--- (aq estava o problema)

(" over", "");

}

}

}

}

}

window.onload=startList;

 

corrigindo...

 

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;

 

 

eu to mandando um exemplo com umas modificações minhas....

 

 

<html>

<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 type=text/css>

<!--

ul {

margin: 0;

padding: 0;

list-style: none;

 

 

}

ul li {

position: relative;

}

li ul {

position: absolute;

left:80px;

top: 0;

display: none;

}

ul li a {

display: block;

text-decoration: none;

color:blue;

padding: 5px;

 

border-bottom: 0;

}

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

* html ul li { float: left; }

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

/* End */

 

li:hover ul, li.over ul {

display: block; }

--/>

</style>

<title>menu</title>

</head>

<body>

<ul id="nav">

<li><a href="#">Home</a></li>

<li><a href="#">About</a>

<ul>

<li><a href="#">History</a></li>

<li><a href="#">Team</a></li>

<li><a href="#">Offices</a></li>

</ul>

</li>

<li><a href="#">Services</a>

<ul>

<li><a href="#">Web Design</a></li>

<li><a href="#">Internet

Marketing</a></li>

<li><a href="#">Hosting</a></li>

<li><a href="#">Domain Names</a></li>

<li><a href="#">Broadband</a></li>

</ul>

</li>

<li><a href="#">Contact Us</a>

<ul>

<li><a href="#">United Kingdom</a></li>

<li><a href="#">France</a></li>

<li><a href="#">USA</a></li>

<li><a href="#">Australia</a></li>

</ul>

</li>

</ul>

 

</body>

</html>

 

flow.... e quem conhece o dono do site maujor fala com ele consertar iso pra q outras pessoas não tenham o mesmo problema...

flow

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ola do dono do CSS para Web Design

...e quem conhece o dono do site maujor fala com ele consertar...

 

Não há necessidade de me conhecer para apontar eventuais problemas com os códigos

todas as correções são bem vindas.

Grato e o código esta corrigido.

 

PS: Obrigado ao Rafael Szarblewski (que não me conhece!) por ter-me enviado um e-mail sobre a existencia deste post.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.