Menu Drop Down nao funciona no I.E 6

[well2905 0]

Ae pessoal bom dia

 

Seguinte segui os passos do menu drop down do Maujor e ele funciono no Firefox certinho

ja no I.E 6 ele fica estatico usei esse codigo:

 

<style>ul {	margin: 0;	padding: 0;	list-style: none;	width: 150px;	}	ul li {	position: relative;	}	li ul {	position: absolute;	left: 149px;	top: 0;	display: none;	}	ul li a {	display: block;	text-decoration: none;	color: #777;	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 { display: block; }	over = function() {	var sfEls = document.getElementById("nav").»getElementsByTagName("LI");	for (var i=0; i<sfEls.length; i++) {		sfEls[i].onmouseover=function() {			this.className+=" over";		}		sfEls[i].onmouseout=function() {			this.className=this.className.»replace(new RegExp(" over\\b"), "");		}	}}if (window.attachEvent) window.attachEvent("onload", over);li:hover ul, li.over ul { 	display: block; }		<ul id="nav">		/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */</style><ul> 	  <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>

Sera que alguem pode me ajudar como fazer funcionar no ie?

tem algum codigo errado?

 

Obrigado a todos

[well2905 0]

Pessoal alguem podia me da suporte?

[Giovani 104]

Se tiver um link ajuda! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[well2905 0]

gio!,ta aqui o link do meu forum

 

Link do Forum

 

e o tuto que eu segui foi esse do Maujor

http://maujor.com/tutorial/ddownmenu.php

 

Obrigado

[Giovani 104]

você separou essa parte, que é um código java script:

 

over = function() {	var sfEls = document.getElementById("nav").»getElementsByTagName("LI");	for (var i=0; i<sfEls.length; i++) {		sfEls[i].onmouseover=function() {			this.className+=" over";		}		sfEls[i].onmouseout=function() {			this.className=this.className.»replace(new RegExp(" over\\b"), "");		}	}}if (window.attachEvent) window.attachEvent("onload", over);li:hover ul, li.over ul {	display: block; }		<ul id="nav">		/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */

da css né?

Não deixou o código tudo junto como está no seu primeiro post, certo?

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[well2905 0]

gio!muito obrigado pela ajuda,mas ainda nao eh issomas vlw

[Giovani 104]

O que está acontecendo?

Ontem quando vi o código fonte do seu site estava tudo junto, num mesmo arquivo, a css e o javascript.

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[well2905 0]

gio!

Separei o codigo css,javascript desse jeito:

 

 

<style>ul {	margin: 0;	padding: 0;	list-style: none;	width: 150px;	}	ul li {	position: relative;	}	li ul {	position: absolute;	left: 149px;	top: 0;	display: none;	}	ul li a {	display: block;	text-decoration: none;	color: #777;	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 { display: block; }</style><script>	over = function() {	var sfEls = document.getElementById("nav").»getElementsByTagName("LI");	for (var i=0; i<sfEls.length; i++) {		sfEls[i].onmouseover=function() {			this.className+=" over";		}		sfEls[i].onmouseout=function() {			this.className=this.className.»replace(new RegExp(" over\\b"), "");		}	}}if (window.attachEvent) window.attachEvent("onload", over);li:hover ul, li.over ul { 	display: block; }		<ul id="nav">		/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */</script><ul> 	  <li><a href="#">Fórum</a></li> 	  <li><a href="#">Regras</a>    <li><a href="#">Pedidos</a>    <li><a href="#">Mapa do Fórum</a>	    <li><a href="#">Administração e Negocios</a>     <li><a href="#">Teatro</a>	<ul>	  <li><a href="#">Geral</a></li>	  <li><a href="#">Teatro</a></li>	  	</ul>  </li> 	  <li><a href="#">Auto-Ajuda e Desenvolvimeno Humano</a> 	<ul>	  <li><a href="#">Desenvolvimento Profissional</a></li>	  <li><a href="#">Geral</a></li>	  <li><a href="#">Relacionamentos</a></li>	  <li><a href="#">Psicologia</a></li>	  <li><a href="#">Auto-Estima</a></li>	</ul>  </li>

nao sei se ta certo,mas se você puder dar uma olhada eu agradeço,tem q coloco algo na js?

 

Obrigado

[Giovani 104]

well2905,

 

CSS é uma coisa, você usa em UM arquivo.

Javascript é outra coisa, é OUTRO arquivo.

 

você está usando os dois juntos, NÃO PODE, NÃO DÁ!!!

Leia com atenção o link do maujor, que você mesmo passou.

Lá está assim:

 

...<script type="text/javascript" src="drop_down.js"></script><style type="text/css">@import "/tutorial/ddownmenu/style3.css";</style>...

Uma linha chama a CSS e a outra o javascript.

Recomendo que você estude um pouco mais.

 

Giovani