Ir para conteúdo

Arquivado

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

João Prado

[Resolvido] Alinhar uma box

Por , em Desenvolvimento frontend

Recommended Posts

João Prado    64

João Prado
Postado

para alinhar a div inteira a direita utilize float:right;

 

 

para alinhar o conteudo da div utilize text-align:right;

 

 

obs: left é esquerda http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

krator    0

krator
Postado

Bom pessoal, todas minhas dúvidas a respeito do flash eu consegui esclarecer, futuquei e encontrei, agora o css que tá pegando ;/

presiço alinha uma box a direita mais nao ta indo com o left vou mostrar o código é a div Conteúdo, aki o site www.mbarquitetura.com

 

#table{
	width: 500
}
#body01{
	background-image: url("images/bg01.jpg");
	background-repeat:no-repeat;
	background-position: center ;
	background-color:#2e2e2e;
}
#body02{
	background-image: url("images/bg02.jpg");
	background-repeat:no-repeat;
	background-position: center ;
	background-color:#2e2e2e;
}
#body03{
	background-image: url("images/bg03.jpg");
	background-repeat:no-repeat;
	background-position: center ;
	background-color:#2e2e2e;
}
#body04{
	background-image: url("images/bg04.jpg");
	background-repeat:no-repeat;
	background-position: center ;
	background-color:#2e2e2e;
}
#bodycont{
	background-image: url("images/bgcont.jpg");
	background-repeat:no-repeat;
	background-position: center ;
	background-color:#2e2e2e;
}
#topo{
	width:800px;
	background-color: #55695d;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-html-opacity: 0.8;
	opacity: 0.8;
	font: 12px arial;
	color: #ffffff;
	margin-top:-5px;
}
#footer{
	width:800px;
	background-color: #55695d;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-html-opacity: 0.8;
	opacity: 0.8;
	font: 12px arial;
	color: #ffffff;
	margin-top:50px;
}
#conteudo{
	width:300px;
	height: 150px;
	background-color: #55695d;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-html-opacity: 0.8;
	opacity: 0.8;
	font: 12px arial;
	color: #ffffff;
	margin-top:50px;
	padding: 10;
	text-align: left;
}
	#titulo{
	font: 15px arial;
	text-align: center;
	}
#creditos{ 
	text-decoration: none;
	border:none; 
	color:#ffffff;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

krator    0

krator
Postado

cara Fiz isso Mas.. a Div " Conteudo " e a box colaram no lado direito e desalinharam totalmente o topo e o rodapé.

aki ta o site.

Desde já agradeço !

<html>
<head>
<title>MB Arquitetura</title>
<link href="style.css" rel="stylesheet" media="all" />
<!-- Beginning of compulsory code below -->
<link href="css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script>
<script src="jquery.lightbox.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
	$(".lightbox").lightbox();
});
</script>
<!--[if lt IE 8]>
<link href="style_ie.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script>
<script src="jquery.lightbox.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
	$(".lightbox").lightbox();
});
</script>
<!-- [endif] -->
<!--/ END-->
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("http://www.virb.com/external/video/59984/MsOGibJlcnVwzc26YS7fJp054ayyiGkt", "wmfg", "980", "477", "9.0.0", false,
false,
{wmode:"transparent",allowFullScreen:"true",quality:"high",bgcolor:"#000000",salign:"tl"},
{id:"wmfg",name:"wmfg"}
);
</script>
</head>
<body id="body01" onload="horizontal();" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<br>
<div id="geral "align="center">
<!-- Topo -->
<div id="topo" align="center">
<img src="images/mblogo.jpg">
</div>
<!-- final Topo -->
<!-- menu -->

<div align="center">
<table align="center">
<td>
<ul class="dropdown dropdown-horizontal">
<li><a href="index2.html" class="dir">MB</a>
</li>
<li><a href="#" class="dir">Atuação</a>
		<ul>
		<li><a href="comercial.html">Arquitetura Corporativa</a></li>
		<li><a href="interiores.html">Arquitetura de Interiores</a></li>
		<li><a href="residencial.html">Arquitetura Residencial</a></li>
	</ul>
</li>
<li><a href="galeria.html" class="dir">Portfólio</a>

</li>
<li><a href="clientes.html" class="dir">Clientes</a>
</li>
<li><a href="contato.html" class="dir">Contato</a></li>
</ul>
</td></table>
</div>
<!-- final menu -->
<!-- conteudo -->
<div id="conteudo" align="center" >
<table>
<p align="justify">
<br>A MB Arquitetura possui ampla experiência nos processos de avaliação no segmento de Empreendimentos Imobiliários
<br>A partir de estudos do mercado imobiliário atual, esse trabalho apresenta-se como uma ferramenta vantajosa e diferenciada que garante viabilidade, otimização, agilidade, eficiência e melhor custo/benefício.
<br>Por meio de uma ampla rede de relacionamentos e parcerias em diversos segmentos do mercado, a MB Arquitetura pode oferecer vantajosas soluções e oportunidades a seus clientes, em condições ímpares e com muita lucratividade.
<br>A MB Arquitetura oferece uma gama de soluções, envolvendo:
<br>
<br>- Avaliação Econômica de projetos
<br>- Diagnósticos de negócios
<br>- Viabilidade Econômica 
<br>- financeira de projetos
</p></table></div>
<!-- final conteudo -->
<!-- footer -->
<div id="footer" align="center" width="800" height="100">
<br>
</div>
<div >
<a href="www.amplapropaganda.com.br" id="creditos"> ampla </a>
</div>
<!-- final footer -->
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

Cara seu site está muito mal estruturado

não existe necessidade dessas tabelas ou a propriedade align

uma maneira mais fácil para isso é englobando tudo em uma div e dando um margin: 0 auto; e para o caso dos textos com

text-align

Compartilhar este post

Link para o post
Compartilhar em outros sites

krator    0

krator
Postado

cara, mas não é o texto velho...

é a div conteudo tipo é uma box em que o texto fica dentro...

e o seu não fui eu que fiz eu estou apenas modificando pois o cliente não gostou dessa porkeira ai...

 

eu ja englobei em uma div , a div Geral !

 

o que estou querendo na verdade... é Diminuir a box para 300px por 250px

 

e alinhar a esquerda ..

Compartilhar este post

Link para o post
Compartilhar em outros sites

krator    0

krator
Postado

aki cara, por favor tenta me ajudar ai , você que é fera..

eu trampo de web designer mais não sei mta coisa, ai me perco aki no trabalho.

www.mbarquitetura.com

 

saka só, ontem tem margin-top:50px eu fiz assiim ai consegui afasta , mas sei que tá totalmente errado ;/

margin-top:50px ; margin-left: 420px;

 

tá orrível :'(

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

não sei se entendi direito mas se você mudar isso:

 

#conteudo{
 width: 250px;
 height: auto;
 background-color: #55695d;
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 -html-opacity: 0.8;
 opacity: 0.8;
 font: 12px arial;
 color: #ffffff;
 margin-top:50px;
 padding: 10;
 text-align: left;
}
p{
 margin: 0px;
height: 250px;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

krator    0

krator
Postado

cara fiz... mas você viu no site aquela box onde o texto fica dentro??

é aquilo junto com o texto que quero alinhar a direita :s

 

mas muito obrigado pela resposta.

aguardo uma outra .. !

Compartilhar este post

Link para o post
Compartilhar em outros sites

krator    0

krator
Postado

botei cara, mas o site ficou todo cagado :P

ai botei em height auto, ai ficou BOM.. só que cagou a parte de crétidos e akela fitinha lá de cima perto da imagem da logo.

 

ai cara olha só o site como fico , pra você +/- ter uma idéia de como me ajudar..

www.mbarquitetura.com/index2.html

Compartilhar este post

Link para o post
Compartilhar em outros sites

krator    0

krator
Postado

conseguii Vlw pela atenção cara, minha patroa aprovou do jeito que tá, so falta o client aprovar :P

 

atualizei dá uma olhadinha aew

www.mbarquitetura.com

Compartilhar este post

Link para o post
Compartilhar em outros sites

krator    0

krator
Postado

shaHUSH VLW MESMO !

acho que sempre vou tá presiçando de uma forçinha :P

agora estou começando a fazer um index, nao vou usar o html puro, vou me esbagaçar mais vou conseguir em css , hsauHSUAh

 

vlw mesmo !

Compartilhar este post

Link para o post
Compartilhar em outros sites

Turbox    0

Turbox
Postado

<div id="footer" align="center" width="800" height="100">

<br>

</div>

 

Esse pedacinho de codigo me ajudou muito, obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito