Ir para conteúdo

POWERED BY:

Arquivado

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

G-Gordo

Sub menu de menu popup fica atras do texto no IE

Por , em Desenvolvimento frontend

Recommended Posts

G-Gordo    0

G-Gordo
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

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:

Compartilhar este post

Link para o post
Compartilhar em outros sites

G-Gordo    0

G-Gordo
Postado

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 =\

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

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

conseguiu resolver mesmo ? qualquer coisa volte à postar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

G-Gordo    0

G-Gordo
Postado

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 =\

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

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.

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