Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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">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...
Carregando comentários...