[Resolvido] pop com css

Eduardo Giullyanny · Dezembro 8, 2010

Bom dia amigos!

Tenho um pop up usando css com java script para chama-ló, até ai beleza.

O problema é q ele vem escondido por traz das outras divs, como posso resolver isso, veja o codigo...

<?
if(eregi("http|www|ftp|.dat|.txt|.gif|wget|cmd", $_REQUEST['p'])){
echo "Erro ao abrir essa Página!<br>Seu Ip: ".$REMOTE_ADDR." foi gravado em nosso banco de dados e estaremos tomando providências.";
}else{
define("Pasta", "_php/");
include ("_php/Conexao.php");
//DADOS DO SITE
$sqlDados = mysql_query("SELECT * FROM {$prefix}dados_site WHERE id='1'")or die(mysql_error());
$resDados = mysql_fetch_array($sqlDados);
}
$hj = date('Y-m-d');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
/* cria a div pop-up*/
.popup{
position:relative;
left:50%;
top: 60%; /*Distancia da margem superior da página */
width: 330px; /*Largura da pop-up*/
height: 250px; /*Altura da pop-up*/
padding: 20px 20px 20px 20px; /*Margem interna da pop-up*/
border-width: 1px; /*Largura da borda da pop-up*/
border-style: solid; /*Estilo da borda da pop-up*/
color: #000066; /*Cor do texto da pop-up*/
display: none;
float:right;
/*fim pop-up*/
}
</style>
<script language="javascript">
// Função que fecha o pop-up ao clicar no botao fechar
function fechar(){
document.getElementById('popup').style.display = 'none';
}
// Aqui definimos o tempo para fechar o pop-up automaticamente
function abrir(){
document.getElementById('popup').style.display = 'block';
setTimeout ("fechar()", 3000);
}
</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Description" content="Prefeitura Municipal de São Luis de Montes Belos/Goiás" />
<meta name="Keywords" content="prefeitura municipal de são luis de montes belos, goias, governo para todos, sandoval, prefeito, poder público, cidade, municipio" />
<meta name="dc.language" content="pt" />
<meta name="Author" content="QA+ Estúdio Criativo" />
<meta name="Designer" content="Tony (Antônio Romão)" />
<meta name="Developer" content="Bruno Martins" />
<meta name="email" content="atendimento@qamais.com" />
<meta name="Charset" content="iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Robots" content="index,follow,all" />
<meta name="rating" content="General" />
<meta name="revisit_after" content="01 days" />
<meta name="DC.title" content="Prefeitura Municipal de São Luis de Montes Belos/Goiás" />
<meta name="copyright" content="Prefeitura Municipal de São Luis de Montes Belos/Goiás - 2010" />
<meta http-equiv="content-language" content="Portuguese" />
<title>Prefeitura Municipal de São Luis de Montes Belos/Goiás</title>
<link href="_css/body.css" rel="stylesheet" type="text/css" />
<link href="_css/forms.css" rel="stylesheet" type="text/css" />
<? if(isset($_REQUEST['p']) && $_REQUEST['p'] == "galeria,de,fotos" && isset($_REQUEST['id'])){ ?>
<link href="_css/fotos.css" rel="stylesheet" type="text/css" />
<? } ?>
<link href="_css/index.css" rel="stylesheet" type="text/css" />
<? if(isset($_REQUEST['p']) && $_REQUEST['p'] != "pagina,inicial"){ ?>
<link href="_css/internas.css" rel="stylesheet" type="text/css" />
<? } ?>
<? if(isset($_REQUEST['p']) && $_REQUEST['p'] == "news" && isset($_REQUEST['id']) || $_REQUEST['p'] == "slmb" || $_REQUEST['p'] == "album,da,cidade"){ ?>
<link href="_css/lightbox.css" rel="stylesheet" type="text/css" />
<? } ?>
<? if(!isset($_REQUEST['p']) || $_REQUEST['p'] == "pagina,inicial"){ ?>
<link href="_css/pagina,inicial.css" rel="stylesheet" type="text/css" />
<? } ?>
<link href="_css/topo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="www.brunomartins.com/_util/_js/browser.js"></script>
<script type="text/javascript" src="_js/Ajax.js"></script>
<? if(isset($_REQUEST['p']) && $_REQUEST['p'] == "contatos" || $_REQUEST['p'] == "cadastre,se" || $_REQUEST['p'] == "ouvidoria" || $_REQUEST['p'] == "curriculos"){ ?>
<script type="text/javascript" src="_js/contato.js"></script>
<? } ?>
<script type="text/javascript" src="_js/jquery.js"></script>
<? if(isset($_REQUEST['p']) && $_REQUEST['p'] == "galeria,de,fotos" && isset($_REQUEST['id'])){ ?>
<script type="text/javascript" src="_js/fotos.js?rand=995"></script>
<script type="text/javascript">
$(function() {
$('img.image1').data('ad-title', '');
   var galleries = $('.ad-gallery').adGallery();
   $('#toggle-slideshow').click(
       function(){
           galleries[0].slideshow.toggle();
           return false;
       }
   );
});
</script>
<? } ?>
<? if(isset($_REQUEST['p']) && $_REQUEST['p'] == "news" && isset($_REQUEST['id']) || $_REQUEST['p'] == "slmb" || $_REQUEST['p'] == "album,da,cidade"){ ?>
<script type="text/javascript" src="_js/lightbox.js"></script>
<? } ?>
<script type="text/javascript" src="_js/topo.js"></script>
<script type="text/javascript">
$(function() {
   $("#topo_slide").number_slideshow({
       slideshow_autoplay: 'enable',//enable disable
       slideshow_time_interval: '6000',
       slideshow_window_background_color: "#ccc",
       slideshow_window_padding: '0',
       slideshow_window_width: '1280',
       slideshow_window_height: '350',
       slideshow_border_size: '0',
       slideshow_border_color: 'black',
       slideshow_show_button: 'enable',//enable disable
       slideshow_button_text_color: '#FFF',
       slideshow_button_background_color: '#333',
       slideshow_button_current_background_color: '#7EC027',
       slideshow_button_border_color: '#000',
       slideshow_button_border_size: '0'
   });
<? if(!isset($_REQUEST['p']) || $_REQUEST['p'] == "pagina,inicial"){ ?>
$("#destaques").number_slideshow({
       slideshow_autoplay: 'enable',//enable disable
       slideshow_time_interval: '10000',
       slideshow_window_background_color: "#ccc",
       slideshow_window_padding: '0',
       slideshow_window_width: '380',
       slideshow_window_height: '300',
       slideshow_border_size: '0',
       slideshow_border_color: 'black',
       slideshow_show_button: 'enable',//enable disable
       slideshow_button_text_color: '#FFF',
       slideshow_button_background_color: '#333',
       slideshow_button_current_background_color: '#7EC027',
       slideshow_button_border_color: '#000',
       slideshow_button_border_size: '0'
   });
<? } ?>
});
</script>
</head>
<body onLoad="javascript: abrir()">
<!-- popup-->
<div id="popup" class="popup">
<img src="promocao/imagens/PopUp.jpg" width="330" height="250" /><br />
<small><a href="javascript: fechar();">X ou fechar</a></small>
</div>
<!-- topo -->
<div id="topo">
<div id="canto1"></div>
   <div id="canto2"></div>
   <!-- top -->
   <div id="top">
     	<form name="form_busca" action="?p=busca" enctype="multipart/form-data" method="post">
          	<input name="busca" type="text" value="/Busca" class="ct" />
           <input name="bt_busca" type="submit" value="Ok" class="cb" />
       </form>
     	<a href="http://webmail.<?=$Domain;?>/" target="_blank" title="Acessar Webmail"><img src="_img/ico_webmail.png" width="64" height="20" alt="Webmail" /></a>
       <?
       	//SELECT LINKS SISTEMAS
		$sqlL1 = mysql_query("SELECT * FROM {$prefix}links_sistemas WHERE id='1'")or die(mysql_error());
		$resL1 = mysql_fetch_array($sqlL1);
	?>
       <a href="<?=$resL1['href'];?>" target="_blank" title="<?=$resL1['titulo'];?>"><img src="_img/ico_sistemas.png" width="101" height="20" alt="Sistemas" /></a>
   </div>

   <a href="?pagina,inicial"><img id="logo" src="_img/logo.png" width="231" height="52" alt="Prefeitura Municipal de São Luis de Montes Belos" /></a>
   <div id="topo_slide" class="number_slideshow">
   	<ul>
       	<?
           	//SELECT TOPO
			$sqlT = mysql_query("SELECT * FROM {$prefix}topo ORDER BY rand()")or die(mysql_error());
			while($resT = mysql_fetch_array($sqlT)){
		?>
           <li>
           	<? if($resT['href'] != ""){?>
               <a href="<?=$resT['href'];?>" target="<?=$resT['target'];?>" title="<?=$resT['titulo'];?>">
               <? } ?>
               	<img src="_img/_upload/topo/<?=$resT['img'];?>" width="1280" height="350" alt="<?=$resT['titulo'];?>"/>
               <? if($resT['href'] != ""){?>
               </a>
               <? } ?>
           </li>
           <? } ?>
   	</ul>
       <div id="barra_logo"></div>
       <ul class="number_slideshow_nav">
           <? for($i=1;$i<=mysql_num_rows($sqlT);$i++){ ?>
           <li><a href="#"><? if($i <= 9){ ?>0<? }?><?=$i;?></a></li>
           <? } ?>
       </ul>
       <div style="clear: both"></div>
   </div>
</div>
<!-- limite -->
<div class="limite">
<!-- menu topo -->
   <ul id="menu_topo">
       <li>
       	<a href="?p=telefones,uteis" title="Telefones Úteis" onmouseover="show('tel_h'); hide('tel');" onmouseout="hide('tel_h'); show('tel');">
           	<img id="tel" src="_img/bt_tel.gif" width="122" height="25" alt="Telefones Úteis" />
               <img id="tel_h" src="_img/bt_tel_h.gif" width="122" height="25" alt="Telefones Úteis" style="display:none;" />
           </a>
       </li>
       <li>
       	<?
			//SELECT LINKS SISTEMAS
			$sqlL2 = mysql_query("SELECT * FROM {$prefix}links_sistemas WHERE id='2'")or die(mysql_error());
			$resL2 = mysql_fetch_array($sqlL2);
		?>
       	<a href="<?=$resL2['href'];?>" target="_blank" title="<?=$resL2['titulo'];?>" onmouseover="show('cid_h'); hide('cid');" onmouseout="hide('cid_h'); show('cid');">
           	<img id="cid" src="_img/bt_cid.gif" width="121" height="25" alt="Cidadão OnLine" />
               <img id="cid_h" src="_img/bt_cid_h.gif" width="121" height="25" alt="Cidadão OnLine" style="display:none;" />
           </a>
       </li>
       <li>
       	<a href="?p=secretarias" title="Secretarias" onmouseover="show('sec_h'); hide('sec');" onmouseout="hide('sec_h'); show('sec');">
           	<img id="sec" src="_img/bt_sec.gif" width="100" height="25" alt="Secretarias" />
               <img id="sec_h" src="_img/bt_sec_h.gif" width="100" height="25" alt="Secretarias" style="display:none;" />
           </a>
       </li>
       <li>
       	<a href="?p=pagina,inicial" title="Página Inicial" onmouseover="show('pgi_h'); hide('pgi');" onmouseout="hide('pgi_h'); show('pgi');">
           	<img id="pgi" src="_img/bt_pgi.gif" width="108" height="25" alt="Página Inicial" />
               <img id="pgi_h" src="_img/bt_pgi_h.gif" width="108" height="25" alt="Página Inicial" style="display:none;" />
           </a>
       </li>
   </ul>
   <!-- coluna um -->
   <div id="col_um">
       <!-- menu -->
       <ul id="menu">
           <li><a href="?p=slmb" title="São Luis de Montes Belos">São Luis de Montes Belos</a></li>
           <li><a href="?p=historia" title="História">HISTóRIA</a></li>
           <li><a href="?p=album,da,cidade" title="Álbum da Cidade">álbum da cidade</a></li>
           <li><a href="?p=localizacao" title="Localização">localização</a></li>
           <li><a href="?p=dados,e,estatisticas" title="Dados e Estatísticas">dados e estatísticas</a></li>
           <li><a href="?p=economia" title="Economia">economia</a></li>
           <li><a href="?p=poder,executivo" title="Poder Executivo">poder executivo</a></li>
           <li><a href="?p=acoes" title="Ações">ações</a></li>
           <li><a href="?p=acoes,em,obras" title="Em Obras">em obras</a></li>
           <li><a href="?p=acoes,realizacoes" title="Realizações">Realizações</a></li>
           <li><a href="?p=videoteca" title="Videoteca">Videoteca</a></li>
           <li><a href="?p=documentos" title="Documentos">Documentos</a></li>
           <li><a href="?p=secretarias" title="Secretarias">Secretarias</a></li>
           <li><a href="?p=agenda" title="Agenda">agenda</a></li>
           <li><a href="?p=galeria,de,fotos" title="Galeria de Fotos">galeria de fotos</a></li>
           <li><a href="<?=$resL2['href'];?>" title="<?=$resL2['titulo'];?>">Cidadão online</a></li>
           <li><a href="?p=cadastre,se" title="Cadastre-se">Cadastre-se</a></li>
           <?
       		//SELECT LINKS SISTEMAS
			$sqlL3 = mysql_query("SELECT * FROM {$prefix}links_sistemas WHERE id='3'")or die(mysql_error());
			$resL3 = mysql_fetch_array($sqlL3);
		?>
           <li><a href="<?=$resL3['href'];?>" title="<?=$resL3['titulo'];?>">IPTU</a></li>
           <li><a href="?p=concursos" title="Concursos">Concursos</a></li>
           <li><a href="?p=curriculos" title="Currículos">Currículos</a></li>
           <li><a href="?p=ouvidoria" title="Ouvidoria">Ouvidoria</a></li>
           <li><a href="?p=camara,municipal" title="Câmara Municipal">Câmara Municipal</a></li>
           <li><a href="?p=contas,publicas" title="Contas Públicas">Contas Públicas</a></li>
           <li><a href="?p=contatos" title="Contatos">Contatos</a></li>
       </ul>
       <a href="?p=cadastre,se" title="Cadastre-se">
       	<img src="_img/bt_cadastre_se.gif" width="190" height="70" alt="Cadastre-se" />
       </a>
       <a href="?p=agenda" title="Agenda">
       	<img src="_img/bt_agenda.gif" width="190" height="70" alt="Agenda" />
       </a>
       <a href="?p=poder,executivo" title="Conversando com o Prefeito">
       	<img src="_img/bt_conversando.gif" width="190" height="70" alt="Conversando com o Prefeito" />
       </a>
       <?
       	//SELECT LINKS SISTEMAS
		$sqlL4 = mysql_query("SELECT * FROM {$prefix}links_sistemas WHERE id='4'")or die(mysql_error());
		$resL4 = mysql_fetch_array($sqlL4);
	?>
       <a href="<?=$resL4['href'];?>" target="_blank" title="<?=$resL4['titulo'];?>">
       	<img src="_img/bt_clima.gif" width="190" height="70" alt="Clima Tempo" />
       </a>
   </div>
   <!-- coluna dois -->
<div id="col_dois">
	<? 
		if(eregi("http|www|ftp|.dat|.txt|.gif|wget|cmd", $_REQUEST['p'])){
			echo "Erro ao abrir essa Página!<br>Seu Ip: ".$REMOTE_ADDR." foi gravado em nosso banco de dados e estaremos tomando providências.";
		}else{
			if(isset($_REQUEST['p'])){
				$PG_ =$_REQUEST['p'];
				//if($PG_ != NULL and sizeof($PG_) > 1){
				if($PG_ != NULL && file_exists($PG_.".php")){
				  include $PG_.".php";
				}else{
				  include "pagina,inicial.php";
				}
			}else{
				include "pagina,inicial.php";
			}
		}
	?>
   </div>
</div>
<!-- copyright -->
<div id="copyright">
<div class="limite">
       <div id="col_copy_1">
           <img src="_img/logo_copyright.gif" width="52" height="52" alt="Prefeitura de São Luis de Montes Belos" />
           <?=$resDados['endereco'];?>
           <br />
           São Luis de Montes Belos/GO - CEP. 76.100-000
           <br />
           <b>FONE<? if($resDados['fone2']){ echo "S";} ?>:</b> <?=$resDados['fone1'];?> <? if($resDados['fone2']){ echo $resDados['fone2'];} ?>
       </div>
       <div id="col_copy_2">
           <a href="http://www.qamais.com" target="_blank" title="QA+">
               <img src="_img/logo_qa.gif" width="89" height="40" alt="QA+" />
               <span>Produzido por:</span>
           </a>
       </div>
       <div class="cem_por_cento">
       	TODOS OS DIREITOS RESERVADOS À PREFEITURA MUNICIPAL DE SÃO LUIS DE MONTES BELOS
       </div>
   </div>
</div>
</body>
</html>

André Severino · Dezembro 8, 2010

Tente utilizar a propriedade z-index no css nessa div para ver se resolve

Eduardo Giullyanny · Dezembro 8, 2010

também n!!! poderia me ajudar mais

usei z-index:5; e num deu nada

Evandro Oliveira · Dezembro 8, 2010

Tente com position em absolute ao invés de relative.

Não esqueça do z-index.

Eduardo Giullyanny · Dezembro 8, 2010

Valeu!!! deu certo aqui!

eu coloquei um tal de visible, num testei sem ele n, mas deu certo... Demorei um pouco foi para responder... Mas agradeço

Entrar

Arquivado

[Resolvido] pop com css

Recommended Posts

Eduardo Giullyanny 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

André Severino 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Eduardo Giullyanny 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Evandro Oliveira 331

Compartilhar este post

Link para o post

Compartilhar em outros sites

Eduardo Giullyanny 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Ajuda em Paginação

JAVA - Orientação para Invalidar Sessão

printf iniciante básico

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante