Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
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;
}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" /><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><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><script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">);
</script>
</head>
<body id="body01" onload="horizontal();" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<br>
<div id="geral "align="center"><div id="topo" align="center">
<img src="images/mblogo.jpg">
</div><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><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><div id="footer" align="center" width="800" height="100">
<br>
</div>
<div >
<a href="www.amplapropaganda.com.br" id="creditos"> ampla </a>
</div></div>
</body>
</html>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
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 ..
posta o link ae para ficar mais fácil de visualizar por favor.
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 :'(
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;
} margin: 0px;
height: 250px;
}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 .. !
Agora entendi!!! hehehe
tenta por isso no #conteudo
float:left;
margin-left:230px;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
ta igual antes :huh:
atualiza ae e avise quando estiver pronto para eu ver onde bugo
pelo firebug tinha ficado OK essa solução
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
Ahh suave então
e só para avisar eu confundi ali em cima hehehe
não é left é right
float:right;
margin-right:230px;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 !
<div id="footer" align="center" width="800" height="100">
<br>
</div>Esse pedacinho de codigo me ajudou muito, obrigado
Ajude-nos a te ajudar
de uma lida nesse tópico antes de postar suas dúvidas