Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eae pessoal é o seguinte, eu to construindo o site no wordpress, e quero fazer um alinhamento de divs, tipo: quero 4 divs uma ao lado da outra em um espaço de 960px, isso pra poder fazer o loop no wordpress, só que eu não tô sabendo alinhar essas div pra tomar todo o site(todo o espaço de 960px) sendo que quando as div ocupar todo o espaço de 960px, ela ira repetir mais 4 embaixo... alguém me ajuda como posso fazer esse alinhamento?
resumindo:( quero que 4 div fiquem tomando totalmente e alinhadamente um espaço de 960px)
Não esquecer que margin conta na divisão que o Willian disse.
Exemplo:
se sua div tem 300px, margin (esquerda e direita) 10px, sua div vai ficar com 320px.
Basta criar no html:
<div class="nome_da_div">1</div>
<div class="nome_da_div">2</div>
<div class="nome_da_div">3</div>
<div class="nome_da_div">4</div>.nome_da_div{
float:left;height: vc escolhe a altura;
}Dessa forma eu sei, mais é o wordpress ele via loopar (dar loop) em uma div só, ou seja, eu não tenho o direito de nomear quarto dives diferentes entendeu?
no caso seria só:
<div class="content">1</div>
e ai o loop iria repetir essa div, sakou? como faço
@natanrocha,
vc pode alterar o wordpress para gerar oque vc quiser. O wp não é impedimento não.
e mesmo assim, com essa classe .content, já dá para fazer oque sugerimos.
basta jogar um float: left em cada uma.
ai dividir a largura de 960 por 4.