Jump to content


Photo

Erro Com Div?


  • Faça o login para participar
1 reply to this topic

#1 InSoNiA

InSoNiA

    Novato no fórum

  • Usuários
  • 20 posts
  • Sexo:Não informado

Posted 28/05/2008, 19:56

Olá pessoal!

Criei uma galeria de eventos em MySQL e PHP, e utilizei o Script Light box para dar um efeito legal na visualização. Estou usando um menu do tipo Drop Down feito em JS, CSS com o uso do Programa Visual Infinite Menus.

O problema é que ao visualizar as imagens, o menu fica sobreposto (por cima) do efeito que mostra a imagem e gostaria de leva-lo para baixo, dessa forma tentei coloca-lo dentro de uma div, onde usei várias opções do style, position entre outros, porém não consegui joga-lo para baixo.

Alguém saberia como devo fazer?

Segue abaixo como esta sendo feito:

Página index2.php
<tr>
	<td><div id="menu" style="display:inline"><?php include "imenus0.inc"; ?></div><td>  // Aqui é onde fica incluido o arquivo do MENU
</tr>
 <tr>
	<td> <td>
</tr>
<tr>
	<td width="580" valign="top">
<?php 
if($link == "")
@include ("capa.html"); 

elseif(substr($link, 0, 4)=='http' or substr($link, 
0, 1)=="/" or substr($link, 0, 1)==".") 
echo '<br>Opção Inválida'; 

else 
@include ($link); 
?>		  
</td>


Minimizei o código para facilitar entendimento. O link para visualização é: http://www.celularcl...amp;id_evento=1

Como eu quero que fique porém com o menu ORIGINAL(do link anterior):
http://www.celularcl...amp;id_evento=1

P.S.: Quem quiser o código é só falar, pois funcionar perfeitamente (se usar o menu sem ser por uma include) pois já testei usando o menu como uma simples imagem.

T+

#2 Fábio.

Fábio.

    Novato no fórum

  • Usuários
  • 11 posts
  • Sexo:Não informado

Posted 03/06/2008, 23:59

Olá Insonia.

O seu menu usa position e o lightbox também. Temos um pequeno problema! A profundidade deles na páginas... Quem sobrepõe quem?
A propriedade z-index nos elementos com position é quem determina isso.

O problema está nessa sua DIV aqui:
<div class="imrcmain0 imgl" style="width: 580px; z-index: 999999; position: relative;">

Muda esse z-index pra 10 que fica tudo belezinha!

Uma dica legal que te deixo, é instalar o Firebug no seu Firefox e debugar o CSS quando tiver problemas.

Abraço!

Edição feita por: Fábio., 04/06/2008, 00:02.





0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq