Ir para conteúdo

POWERED BY:

Arquivado

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

LukasMoraes

Com faço esse menu funcionar no IE6

Por , em Desenvolvimento frontend

Recommended Posts

LukasMoraes    0

LukasMoraes
Postado

Consegui fazer funcionar no IE6..

 

Porém ainda falta fazer o submenu ficar inline... não consigo...

 

Alguém tem idéia?

 

Valeu pela força...

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css" title="css">/*Menu Principal*/.menu { position: absolute; left: 50px; top: 50px;} 	.menu * { margin: 0; padding: 0;}.menu a { display: block; padding: 4px 12px; }.menu li { list-style: none; float: left; height: 1%; }.menu li ul{ position: absolute; white-space: nowrap; background-color:#fff; display:none; }/* hack para navegadores que exigem width para elementos pos absolute (Opera) */html:first-child>body .menu li ul { width: 430px; }.menu li:hover ul  { display: inline; _display:inline-block;}/* visual */.menu { height: 40px;}.menu li a {  font: bold 0.70em Verdana;  text-decoration: none; color: #0093DD; border: 1px solid #CCC; }.menu a:hover { font: bold 0.70em Verdana;  text-decoration: underline; color: #FFF; background-color:#0093DD; }.menu li ul a { font: bold 0.60em Verdana; background-color: #eee; padding: 3px 12px;}.menu li ul a:hover { font: bold 0.60em Verdana; padding: 3px 12px; background-color:#99CC66;}</style><script type="text/javascript">//<![CDATA[function horizontal() {	var navItems = document.getElementById("barra").getElementsByTagName("li");		for (var i=0; i< navItems.length; i++) {		if((navItems[i].className == "menuvertical") || (navItems[i].className == "submenu"))		{			if(navItems[i].getElementsByTagName('ul')[0] != null)			{				navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";}				navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";}			}		}	}}//]]></script></head><body onload="horizontal();">	<div class="menu">		<ul id="barra">			<li class="submenu"><a href="#">Teste 1 +</a>				<ul>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>				</ul>						</li>			<li class="submenu"><a href="#">Teste 2 +</a>				<ul>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>				</ul>						</li>			<li class="submenu"><a href="#">Teste 3 +</a>				<ul>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>				</ul>						</li>			<li class="submenu"><a href="#">Teste 4 +</a>				<ul>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>				</ul>						</li>			<li class="submenu"><a href="#">Teste 5 +</a>				<ul>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>				</ul>			</li>			<li class="submenu"><a href="#">Teste 6 +</a>				<ul>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>					<li><a href="#">Sub-Teste</a></li>				</ul>						</li>		</ul>	</div></body></html>

Alguém tem idéia de como resolvo?

 

bom to caçando aqui... mas ta difícil... se alguem tiver alguma idéia... posta aí por favor...

Compartilhar este post

Link para o post
Compartilhar em outros sites

LukasMoraes    0

LukasMoraes
Postado

Não funcinou e deixou de funcionar direito no firefox...Não entendi o que foi...Valeu pela força...

Compartilhar este post

Link para o post
Compartilhar em outros sites

LukasMoraes    0

LukasMoraes
Postado

Opa, obrigado pela atenção, Eu ja havia visto este post. O menu que fiz é baseado nele. Mas, preciso que o Dropdown tb esteja na horizontal. Consegui no FF e no IE7 mas no IE6 não rola.To tentando arrumar. Caso possa me ajudar agradeço.Valeu...

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