Jump to content


Photo

Menu Empura Conteudo


  • Faça o login para participar
3 replies to this topic

#1 Zé Violeiro

Zé Violeiro

    Turista

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

Posted 31/08/2007, 01:22

Olá pessoal tenho uma DIV que ta "empurando" o conteudo para baixo e queria que ela funciona-se como um menu popup abri-se sem empurar o conteudo
vejam o código
<img src="imagens/topo.jpg" alt="VIP" width="1002" height="153" border="0" usemap="#Map" /></td>
  <map name="Map" id="Map">
<area shape="rect" coords="73,35,367,143" href="index.php" alt="P&aacute;gina Inicial" /><area shape="rect" coords="437,73,532,97" href="index.php" alt="P&aacute;gina Inicial" />
<area shape="rect" coords="547,74,634,97" href="quemsomos.php" alt="Quem Somos" />
<area shape="rect" coords="648,75,720,95" href="#" alt="Produtos" />
[b]<!--AQUI TA A div-->[/b]
<div id="popup">
<ul>
		<li><a href="produto?id=1">teste</a></li>
			<li><a href="produto?id=2">teste2</a></li>
	</ul>
</div>
<area shape="rect" coords="735,76,793,95" href="galerias.php" alt="Galerias" />
<area shape="rect" coords="889,75,952,95" href="contato.php" alt="Contato" />
</map>
<table width="1002" border="0" cellspacing="0" cellpadding="0">

#popup{
	width: 120px;
	position: relative;
	top:-58px;
	left: 655px;
	background-color: #c42601;
	margin: 0px;
	padding: 2px 0px;
}
#popup ul {
	margin: 5px 25px;
	padding: 0px;
	list-style: url('square.gif');
}
#popup ul li {
	margin: 4px 0px;
	display: list-item;
	
}
#popup ul li a {
	font: 12px Verdana;
	color: #fff;
	text-decoration: none;
}
#popup ul li a:hover {
	text-decoration: underline;
}

Blz, valew pessoal.
Zé.
"Sua lova virtual descomplicada"
"tecnologia php + mysql, smarty, adodb"
planos a partir de R$ 50,00
email: ze_violeiro@yahoo.com

#2 Henrique Menegale

Henrique Menegale

    Novato no fórum

  • Usuários
  • 23 posts
  • Sexo:Não informado
  • Localidade:Curitiba - PR

Posted 31/08/2007, 17:39

Vc já tentou usar z-index?
Exemplo:
#popup{
	width: 120px;
	position: relative;
	top:-58px;
	left: 655px;
	background-color: #c42601;
	margin: 0px;
	padding: 2px 0px;
<!-- tipo isso -->
	z-index:2
}


flw........

#3 Layer Zero

Layer Zero

    Turista

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

Posted 01/09/2007, 01:31

Vc já tentou usar z-index?


Cara, eu estou exatamente com esse mesmo problema, apesar de também não ter conseguido resolver ainda, tenho quase certeza de que não tem a ver com z-index pois a minha div estava lá antes de aparecer o problema.

No meu caso o problema começou quando fui tentar fazer um menu drop-down no lugar do menu "normal" que estava antes. Eu usei como modelo o menu 5 dessa página: http://www.cssplay.c...p_examples.html

Se alguém souber como resolver o problema nos dê uma ajuda! :blink:
Quem vigia os vigilantes ?

#4 cassiano designer

cassiano designer

    Normal

  • Usuários
  • 108 posts
  • Sexo:Masculino
  • Localidade:São Mateus - ES

Posted 17/09/2007, 16:49

tem como postar uma imagem ou link não?
fica melhor...
##### "O seu maior desafio é se aprimorar para ser... você mesmo!" #####
CASSIANODESIGNER.COM - Desenvolvimento Web




1 user(s) are reading this topic

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

IPB Skin By Virteq