Ir para conteúdo

POWERED BY:

Arquivado

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

alexmanini

[Resolvido] Posição dos objetos

Recommended Posts

Olá pessoal,

Preciso de uma ajudinha, sou iniciante e to com um problemão.

 

Criei um CSS e nele carrego as informações para as outras paginas, criei um menu .. e quando passo o mouse por cima o menu abre atraz das outras imagens da pagina.

Ja tentei colocar o tal do z-index.. so que nao to conseguindo fazer corretamete.

Alguem pode me ajudar por favor?

 

O codigo tah indo junto..

*{margin:0; padding:0;}

body{
   font:12px Arial, Helvetica, sans-serif;
   background-image: url(imagens/barra.jpg);
   background-repeat: no-repeat;
   background-position:190px 10px;
}

#flash1 {
	position:absolute;
	left: 170px;
	top: 50px;
	z-index:1;
}

#flash2 {
	position:absolute;
	left: 400px;
	top: 50px;
	z-index:0;
}

ul{
	list-style-type:none;
}

ul#menu{
	width:800px;
	margin:13px 300px;
}

ul#menu li{
	position: relative;
	float: left;
   }

ul#menu li a{
	display:block;
	float:left;
	padding:0 15px;
	height:30px;
	line-height:25px;
	color:#FFF;
	text-decoration:none;
}


ul#menu li a:hover{
	background:#ffdf00;
	color:#faa632;
	font:bold;
	  
}

ul#menu li ul{
	display:none;
	position:absolute;
	top:30px;
	left:0;
}

ul#menu li:hover ul,
ul#menu li.hover ul{
	display:block;
}

ul#menu li ul li a{
	width:130px;
    border-bottom:1px solid #fff;
    clear:both;
	background-color:#f6931c;
	position:relative
	z-index:1000;
	
}


ul#menu li ul li{
    float:none;
    clear:both;
}


ul#menu li ul li a{float:none;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

z-index so funciona em flashs, se ele estiver com wmode declarado como transparent.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.