Publicado em 3 de jan.

Sub menu de menu popup fica atras do texto no IE

Olá pessoal do forum,para evitar dores de cabeça com o meu topico anterior falando sobre menu pop-up em css eu fiz um basicão no fireworks,sendo que fico um bug basico kk os subitens ficam por traz das outras divs no internet explore e no firefox fica normal,se alguem poder ver q bug é esse o link é esse aqui www.nightmixrio.com/oligator_eventos/index2.html

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

William Bruno· 3 de jan.

Cara... o problema é que o código gerado por esses programas é muito, muito ruim e sujo!

O tempo mínimo segundo as regras do fórum para se obter uma resposta é de 3 dias. Tenha paciência, ninguém tem obrigação de te dar algo pronto, apenas trocamos idéias... e ajudamos qndo podemos e sabemos.

Veja... não é a melhor coisa, mas para colocar na frente dos outros elementos, basta você declarar um position, e por um z-index maior para o submenu, doq dos outros itens.. assim você altera a ordem do eixo z.

Olha.. hoje é sabado... então tô com um tempinho.. vê se você entende.. fiz em cima das imagens que você colocou:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>:: Oligator Eventos :: Animação de Festas Infantis e Aduldas</title>
<style type="text/css">

* {

	list-style: none;
}

#menu li {

	float: left;
	position: relative; /* contexto de posicionamento para os sub-menus */
}

#menu li a {

	display: block;
	height: 45px;
}

#menu li a#home { background-image: url("http://www.nightmixrio.com/oligator_eventos/imagens/home_menu_f2.jpg");

	width: 50px;
}

#menu li a#home:hover { background-image: url("http://www.nightmixrio.com/oligator_eventos/imagens/home_menu.jpg"); } #menu li a#galeria_menu { background-image: url("http://www.nightmixrio.com/oligator_eventos/imagens/galeria_menu_f2.jpg");

	width: 73px;
}

#menu li a#galeria_menu:hover { background-image: url("http://www.nightmixrio.com/oligator_eventos/imagens/galeria_menu.jpg"); } #menu li a#servicos_menu { background-image: url("http://www.nightmixrio.com/oligator_eventos/imagens/servicos_menu_f2.jpg");

	width: 82px;
}

#menu li a#servicos_menu:hover { background-image: url("http://www.nightmixrio.com/oligator_eventos/imagens/servicos_menu.jpg"); } #menu li a#quem_menu { background-image: url("http://www.nightmixrio.com/oligator_eventos/imagens/quem_menu_f2.jpg");

	width: 104px;
}

#menu li a#quem_menu:hover { background-image: url("http://www.nightmixrio.com/oligator_eventos/imagens/quem_menu.jpg"); }

/ sub-menu /
#menu li ul {

	width: 150px;
	display:none;
	position: absolute;
	top: 43px;
	left: -40px;
}

#menu li ul li {

	float: none;
	height: 18px;
}

#menu li:hover ul,
#menu li.over ul {

	display: block;
}

#menu li ul li a:hover {

	color: #f00;
}

#menu li.over ul li a {

	height: 18px;
}
</style>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
	navRoot = document.getElementById("menu");
 for (i=0; i<navRoot.childNodes.length; i++) {
 node = navRoot.childNodes[i];
 if (node.nodeName=="LI") {
 node.onmouseover=function() {
 this.className+=" over";
 }
 node.onmouseout=function() {
 this.className=this.className.replace
	(" over", "");
 }
 }
 }
 }
}
window.onload=startList;
</script>
</head>
<body>
	<ul id="menu">
 <li><a href="#" id="home"></a></li>
 <li><a href="#" id="galeria_menu"></a></li>
 <li><a href="#" id="servicos_menu"></a>
 <ul>
 <li><a href="#">MAQUIAGEM ARTÍSTICA</a></li>
 <li><a href="#">ESPAÇO FASHION</a></li>
 <li><a href="#">FOTO ANIMADA</a></li>
 <li><a href="#">HENA TATOO</a></li>
 <li><a href="#">OFICINA DE ARTE</a></li>
 <li><a href="#">BOLA MANIA</a></li>
 <li><a href="#">TEATRO DE BONECOS</a></li>
 <li><a href="#">PINTURA CÓSMICAE</a></li>
 </ul>
 </li>
 <li><a href="#" id="quem_menu"></a></li>
	</ul><!-- /menu -->

</body> Mas veja que essa não é a melhor forma, pois não usei CSS Sprite, e o teu menu é todo imagens.. o melhor seria que o texto fosse realmente um texto...Testei IE7, FF3 e arrumei o bug para o IE6

:lol:

G-Gordo· 4 de jan.

desculpa a minha afobação aew é q tenho q entrega esse site na segunda e esse me menu tomo um tempo do kct ja estava ate fazendo ele em flash rs mais você veio com a solução pra ele rs obrigado msm desculpa de novo =\

William Bruno· 4 de jan.

Tranquilo... eu sei como é trabalhar com prazos..

conseguiu resolver mesmo ? qualquer coisa volte à postar.

G-Gordo· 4 de jan.

cara continua na msm essa droga rs ja ajustei o eixo z e nada kra agora com essa alteração q você fez em todos os navegadores o submenu fica por de baixo do conteudo e o sub-menu some rapidamente =\

William Bruno· 4 de jan.

Sempre poste um link, ou o teu código mais atual...

só relatar o problema não ajuda tanto.. precisamos saber e ver oque está acontecendo.