Ir para conteúdo

POWERED BY:

Arquivado

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

MiSaig

centralizar e arrumar div

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

MiSaig    0

MiSaig
Postado

Boa tarde,

Já é o segundo site que eu monto seguindo as instruções do tutorial do Leandro Vieira, onde as divs naum tem position... mas agora eu estou com um problema para centralizar o conteudo (naum sei como fazer) e alem disso, to quebrando a cabeça para descobrir porque a div de baixo naum está do mesmo tamanho q o menu, sendo que está tudo configurado em 770px...

Vou por o codigo aqui de uma das páginas, ok??

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>BUFFET ONDA DA ALEGRIA - Opcionais</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../CSS/layconteudo.css" rel="stylesheet" type="text/css">
<link href="../CSS/geral.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
	background-image: url(../Imagens/bkg.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:hover {
	color: #66FFFF;
}
-->
</style></head>

<body>
<div id="conteudo"><div id="menu">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="770" height="200">
	<param name="movie" value="../Imagens/menu.swf">
	<param name="quality" value="high">
	<embed src="../Imagens/menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="770" height="200"></embed>
  </object>
</div>

  <div class="opcionais">
	<p> </p>
	<p> </p>
	<p> </p>
	<div class="direita">
	  <p align="left"> </p>
	  <p align="left"><strong>Bebidas:</strong></p>
	  <p align="left">Bar completo: Com Barman fazendo drinks com ou sem álcool. </p>
	  <p align="left">Cervejas: Brahma ou Skol em lata será cobrado a unidade. </p>
	  <p align="left"><strong>Decorações:</strong></p>
	  <p align="left">Arco com 200 balões - Painel de foto - Mesa decorada grande -Toalha longa - Mesa decorada pequena - Toalha pequena - Painel de cenário </p>
	  <p align="left">Discoteca (balada): </p>
	  <p align="left">Máquina de fumaça, strobo, joaninha, luz negra, raio laser, globo e etc. </p>
	  <p align="left">Com DJ comandando o som. </p>
	  <p> </p>
	  <p> </p>
	</div>
	<div class="esquerda">
	  <p> </p>
	  <p><strong>Comidas :</strong></p>
	  <p align="left">Festival de massas </p>
	  <p align="left">Strogonoff de frango </p>
	  <p align="left">Lagarto ao molho madeira </p>
	  <p align="left">Festival de queijos, frios e pães </p>
	  <p align="left">Sanduíche de metro </p>
	  <p align="left">Mini pizza de queijo</p>
	  <p align="left">Mini hamburguer </p>
	  <p align="left">Nuggets</p>
	  <p align="left">Pão de queijo </p>
	  <p align="left"><strong>Doces:</strong></p>
	  <p align="left"> Festival de sorvete </p>
	  <p align="left"> Mesa de Guloseimas </p>
	  <p align="left">Serviços extras de doces (o cento) </p>
	  <p align="left">Doces requintados com fotos - Crepe de chocolate - Doces caramelado - Camafeu de nozes -Tortinhas de frutas - Mini trufas - Bombons - Carolina com doce de leite - Quindim </p>
	  <p align="left">Mesa de café </p>
	</div>
	<div class="outros"></div>
	<div class="rodape">
	  <p align="center">12 3881-2410 <a href="mailto:ondadaalegria@terra.com.br">ondadaalegria@terra.com.br</a></p>
	  <p align="center"><a href="Mapa.jpg">Praça José Rebelo da Cunha, 80 - Bairro Sumaré </a></p>
	  <p align="center"><a href="menufestas.htm">Voltar</a></p>
	</div>
  </div>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Morpheus#2005    1

Morpheus#2005
Postado

Kara posta o CSS para a gente dar uma olhada....

 

Hum....depois que eu me liguei que você estava falando do MENU, coloca assim : 770px...ao inves de 770...

 

Tenta ae..

Compartilhar este post

Link para o post
Compartilhar em outros sites

MiSaig    0

MiSaig
Postado

Era o debaixo que tava maior... mas consegui arrumar... era um padding left 15px que tava bagunçando tudo!!

Mas ainda naum sei centralizar as divs !!?? Preciso centralizar tudo.

Tá assim: 

<div id="conteudo">
<div id="menu">
  </div>

  <div id="mapa">
	  </div>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Você quer centralizar a div em relação navegador?

É isso? Se for, pesquise no fórum, tem post explciando isso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

ADR_INFO    0

ADR_INFO
Postado

Você quer centralizar a div em relação navegador?

É isso? Se for, pesquise no fórum, tem post explciando isso.

Antes de qualquer coisa, quero dizer que procurei no fórum (IMASTERS) e no fórum do SCRIPTBRASIL. Achei posts que abordavam o assunto, mas nenhum conclusivo.

E para não me chamarem a atenção, estou aproveitando esse tópico aberto!!!

 

http://forum.imasters.com.br/public/style_emoticons/default/excl.gif « LAYER »

 

Eu gostaria de colocar um Layer em uma parte determinada do site, mas quando eu o visualizo, o layer está em outro lugar!

 

Soluções encontradas nos FÓRUMS

»mudei sua posição para absolute //Sem sucesso

»mudei de pixel para porcentagem //Sem sucesso

»criei uma tabela de 755px e coloquei uma tabela de 100% dentro //Sem sucesso

index.htm

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Layer</title>
<link href="index.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	left:221px;
	top:97px;
	width:93px;
	height:97px;
	z-index:1;
}
-->
</style>
</head>

<body>
<div id="Layer1">ddfadfafasfas<br>
ddfadfafasfas<br>ddfadfafasfas<br>ddfadfafasfas<br>ddfadfafasfas</div>
<table width="755" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
	<th align="center" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0">
	  <tr>
		<th class="Topo" height="59" colspan="3" scope="col"> </th>
		</tr>
	  <tr>
		<td class="Topo" colspan="3"> </td>
		</tr>
	  <tr>
		<td class="Menu" width="13%" height="182"> </td>
		<td class="Centro" width="72%"> </td>
		<td class="Menu" width="15%"> </td>
	  </tr>
	  <tr>
		<td class="Topo" colspan="3"> </td>
		</tr>
	</table></th>
  </tr>
</table>
</body>
</html>

css //Sem ligações com a layer

.index {
	color: #000000;
	text-decoration: none;
}
.Topo {
background:#000000;
}
.Centro {
background:#CCCCCC;
}
.Menu {
background:#999999;
}

http://forum.imasters.com.br/public/style_emoticons/default/natal_happy.gif Agradeço a boa vontade de quem poder ajudar!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Morpheus#2005    1

Morpheus#2005
Postado

Amigo....tenta assim :

 

<style type="text/css">
#Layer1 {
position:absolute;
left:50%;
top:50%;
margin-left:-110px;
margin-top:-40px;
}
</style>

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Morpheus#2005    1

Morpheus#2005
Postado

Bom como o Jack Estripador vamos por partes :

 

Qual o browser que você esta usando ??

Qual a sua intenção com o layer, colocar ele centralizado, á esquerda, á direita ??

 

Diga o seu sonho qual é..que a gente tenta te ajudar..rsss

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

ADR_INFO    0

ADR_INFO
Postado

Quero deixar o Layer em uma determinada parte do meu site. Clico na aba dele e deixo uns três, um do lado do outro, eles não ficam numa ordem precisa do tipo: top, left e nem center.

 

Imagine o botão do fórum "Novo Tópico", ele está em uma parte Superior, do lado Direito, não está no topo e nem no rodapé, muito menos centralizado!

 

Visualizo pelo IE7 e FireFox!

 

SE VOCÊ OU QUALQUER UM RESOLVER ESSE PROBLEMA, EU DIGO QUE É O FODÃO DAS LAYERS!!!!!!!!!!!!!!!!!! http://forum.imasters.com.br/public/style_emoticons/default/natal_tongue.gif

 

 

 

 

Hey Ho, Lets Go

Compartilhar este post

Link para o post
Compartilhar em outros sites

DSerma    19

DSerma
Postado

Era o debaixo que tava maior... mas consegui arrumar... era um padding left 15px que tava bagunçando tudo!!

Mas ainda naum sei centralizar as divs !!?? Preciso centralizar tudo.

Use a propriedade "margin: 0 auto;" dentro do CSS.. isso irá centralizar sua DIV.

 

Quero deixar o Layer em uma determinada parte do meu site. Clico na aba dele e deixo uns três, um do lado do outro, eles não ficam numa ordem precisa do tipo: top, left e nem center.

 

Imagine o botão do fórum "Novo Tópico", ele está em uma parte Superior, do lado Direito, não está no topo e nem no rodapé, muito menos centralizado!

 

Visualizo pelo IE7 e FireFox!

 

SE VOCÊ OU QUALQUER UM RESOLVER ESSE PROBLEMA, EU DIGO QUE É O FODÃO DAS LAYERS!!!!!!!!!!!!!!!!!! http://forum.imasters.com.br/public/style_emoticons/default/natal_tongue.gif

Hey Ho, Lets Go

Para colocar QUALQUER coisa em QUALQUER lugar, basta definir dentro do CSS as propriedades:

<style>
.teste
{
position: absolute;
top: 10%;
left: 20%
}
</style>

Isso fará com que o objeto que possuir a classe "teste" fique posicionado em 10% da altura e 20% da largura.

 

Isso é cross-browser.

 

Uma outra coisa que você pode usar ao inves do "position: absolute" é o "float":

<style>
.teste
{
float: right;
}
</style>

Neste caso, o objeto com a classe "teste" ficará "flutuando" na parte direita da tela....

 

Espero ter ajudado..

 

Abraços..

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

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

  Aceito