Ir para conteúdo

POWERED BY:

Arquivado

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

kaayasinho

Alinhar div nas laterais?

Por , em Desenvolvimento frontend

Recommended Posts

kaayasinho    0

kaayasinho
Postado

Boa tarde,

 

Estou com um problema,, nao estou conseguindo alinhar ao lado das divs..

 

como eu sei que eh bemm basico mas não sei pq to travado nessa parte, como eu faço para alinhas essas 3 divs uma ao lado da outra?

eu devo colocalas dentro de outra div?

 

diz um demo so para voces entenderem

 

eu ja tentei dar floar left: mas float left sobrepõe a image.. e precisa acertar a prox imagem com margin-left,

existe alguma forma que elas fiquem diretamente sozinhas uma ao lado da outra?

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>The One Testes</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>


<style>
body{
	width:650px;
	display:table;
	}
div:nth-of-type(1){
	height:500px;
	width:200px;
	background:#000;
	color:#fff;
	}
div:nth-of-type(2){
	height:500px;
	width:200px;
	background:#c01;
	color:#fff;
	}
div:nth-of-type(3){
	height:500px;
	width:200px;
	background:#00F;
	color:#000;
	}		
</style>

</head>

<body>
 <div>
 vaijaoo
 </div>
 
 <div>
 vai caralho
 </div>
 
 <div>
 vai porra
 </div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Ou float: left mesmo, ou display: inline;

 

Prefira dar "nomes" aos seus elementos do que utilizar seletores complexos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

kaayasinho    0

kaayasinho
Postado

Ou float: left mesmo, ou display: inline;

 

Prefira dar "nomes" aos seus elementos do que utilizar seletores complexos.

nesse caso não ajudou... pois acaba ignorando height

 

apenas fiz dessa forma para ir mais rapido, mas no site estou dando nomes conforme tem que ser

 

 

 

nao ajudou diretamente.. mas indiretaente sim... entendi exatamente o que queria,

precisa usar o float left, em cada div.. e não apenas em uma

 

Obrigado a todos

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