Ir para conteúdo

Arquivado

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

MasterKillme

trabalhar com divs

Por , em Desenvolvimento frontend

Recommended Posts

jgustavo99    85

jgustavo99
Postado

Olá! Você tera que trabalhar com divs, usando algumas propriedades que o FgR postou acima... Qual a sua dúvida EXATAMENTE?

Compartilhar este post

Link para o post
Compartilhar em outros sites

jgustavo99    85

jgustavo99
Postado

Olá! Entao você pode criar uma div onde engloba todas essas pequenas divs... Exemplo:

1 Div => 50 PX de Largura

4 Div => 200 PX de Largura

 

Dentro dessa div "Grande", coloque como width 200px pois aí todas as outras divs irão para baixo...

 

Espero ter Ajudado ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alaerte Gabriel    662

Alaerte Gabriel
Postado

Segue o exemplo:

 

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Alaerte Gabriel - Exemplo com divs e css</title>
<style type="text/css">
#quadros {
width: 500px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
float: left;
}
#blocos {
width: 140px;
height: 140px;
margin-right: 8px;
float: left;
margin-bottom: 8px;
background-color: #333333;
}
</style>
</head>


<body>
<div id="quadros">
<div id="blocos"> </div>
<div id="blocos"> </div>
<div id="blocos"> </div>
<div id="blocos"> </div>
<div id="blocos"> </div>
</div>
</body>
</html>

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