Ir para conteúdo

POWERED BY:

Arquivado

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

azeredo

menu não funciona 100% no FF... alguma ?

Por , em Desenvolvimento frontend

Recommended Posts

azeredo    0

azeredo
Postado

Pessoal, tenho esse menu... ele funciona corretamente no IE mas no FF não

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br"><head><meta name="keywords" content="tutorial,acessibilidade,css,css menu,estilo,folhas estilo,layout css,layout sites,menu css,paginas web,tutorial css,web design,web standards,webdesign,tableless" /><meta name="description" content=" Tutoriais, macetes, dicas sobre uso das CSS para projetar sites." /><meta name="author" content="Nick Rigby" /><meta name="MSSmartTagsPreventParsing" content="true" /><meta http-equiv="imagetoolbar" content="no" /><meta http-equiv="Pragma" content="no-cache" /><meta name="robots" content="all" /><meta name="language" content="pt-br" /><meta name="ICBM" content="-22.975781,-43.193082" /><meta name="DC.title" content="CSS para Web Design" /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Horizontal Drop Down Menus - Parte 3</title><script type="text/javascript">function IEHoverPseudo() {	var navItems = document.getElementById("primary-nav").getElementsByTagName("li");		for (var i=0; i<navItems.length; i++) {		if(navItems[i].className == "menuparent") {			navItems[i].onmouseover=function() { this.className += " over"; }			navItems[i].onmouseout=function() { this.className = "menuparent"; }		}	}}window.onload = IEHoverPseudo;</script><style type="text/css">body { font: normal 62.5% verdana; }ul#primary-nav,ul#primary-nav ul {	margin: 0;	padding: 0;	width: 180px; /* Width of Menu Items */	border-bottom: 1px solid #ccc;	background: #DDF2FF; /* IE6 Bug */	font-size: 100%;	}ul#primary-nav li {	position: relative;	list-style: none;	}ul#primary-nav li a {	display: block;	text-decoration: none;	color: #000;	padding: 5px;	border: 1px solid #ccc;	border-bottom: 0;	}/* Fix IE. Hide from IE Mac \*/* html ul#primary-nav li { float: left; height: 1%; }* html ul#primary-nav li a { height: 1%; }/* End */ul#primary-nav ul {	position: absolute;	display: none;	left: 179px; /* Set 1px less than menu width */	top: 0;	}ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */ul#primary-nav li:hover ul ul,ul#primary-nav li:hover ul ul ul,ul#primary-nav li.over ul ul,ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */ul#primary-nav li:hover ul,ul#primary-nav li li:hover ul,ul#primary-nav li li li:hover ul,ul#primary-nav li.over ul,ul#primary-nav li li.over ul,ul#primary-nav li li li.over ul { display: block; } /* The magic */ul#primary-nav li.menuparent { background: transparent url(imagens/arrow.gif) right center no-repeat; }ul#primary-nav li.menuparent:hover { background: #f9f9f9 url(imagens/arrow_preta.gif) right center no-repeat;}ul#primary-nav li a:hover {text-decoration:underline; color: #000; }ul#primary-nav li.menuparent2:hover { background: #f9f9f9; }</style></head><body><form method="get"><ul id="primary-nav">  <li class="menuparent2"><a href="?p=principal">Principal</a></li>  <li class="menuparent"><a href="#">Informática</a> 	<ul>	  <li class="menuparent"><a href="#">Programação</a></li>		  <ul>		  <li class="menuparent2"><a href="#">Algoritmos</a></li>		  <li class="menuparent2"><a href="#">PHP</a></li>		  		</ul>	  <li class="menuparent2"><a href="#">Linux</a></li>	  <li class="menuparent2"><a href="#">Windows</a></li>	</ul>  </li>  <li class="menuparent"><a href="#">Fotos</a> 	<ul>	  <li class="menuparent"><a href="#">Álbuns</a></li>		  <ul>		  <li class="menuparent2"><a href="#">Família</a></li>		  <li class="menuparent2"><a href="#">Geral</a></li>		  		</ul>	  <li class="menuparent2"><a href="?p=enviar_fotos">Enviar Foto</a></li>	</ul>  </li> </ul></form><p><table width="180" border="0">  <tr>	<td>asdasdasda</td>  </tr></table></body></html>
No FF ao expandir o menu principal da opção informática por exemplo... não expande novamente para os itens algoritimos e php no campo programação por exemplo..... no ie funciona normal....

[link]

 

Vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

simples!!

 

você naum colocou os ultimos ul dentro dos li!!

 

colcoa assim

<ul id="primary-nav">  <li class="menuparent2"><a href="http://www.moisesazeredo.com/?p=principal">Principal</a></li>  <li class="menuparent"><a href="#">Informática</a> 	<ul>	  <li class="menuparent"><a href="#">Programação</a>		  <ul>		  <li class="menuparent2"><a href="#">Algoritmos</a></li>		  <li class="menuparent2"><a href="#">PHP</a></li>		  		</ul></li>	  <li class="menuparent2"><a href="#">Linux</a></li>	  <li class="menuparent2"><a href="#">Windows</a></li>	</ul>  </li>  <li class="menuparent"><a href="#">Fotos</a> 	<ul>	  <li class="menuparent"><a href="#">Álbuns</a>		  <ul>		  <li class="menuparent2"><a href="#">Família</a></li>		  <li class="menuparent2"><a href="#">Geral</a></li>		  		</ul></li>	  <li class="menuparent2"><a href="http://www.moisesazeredo.com/?p=enviar_fotos">Enviar Foto</a></li>	</ul>  </li> </ul>

ai vai

 

 

the void

Compartilhar este post

Link para o post
Compartilhar em outros sites

azeredo    0

azeredo
Postado

opa... vlw void... realmente não tinha percebido essa falha minha....Vlw

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