Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Divs organizadas em forma de lista igual tabela

06-03-2015 21:06

Muitas vezes pode ser necessário fazer uma lista de itens de forma organizada.
Para não ter o trabalho de usar coluna, criando linhas e colunas manualmente, essa montagem de dados pode ser feita com divs.

As divs ficam alinhadas uma do lado da outra, e quando as divs não caberem mais no espaço da div principal, as divs descem para a linha seguinte.

Obs.:As divs internas devem ter tamanhos relacionados baseados na div principal, por exemplo, abaixo as divs internas tem 198px, então são aproximadamente 4 divs em um espaço de 800px.

<style> .div_geral{width:800px;} .div_interna{width:198px; float:left; border:1px solid #ccc;} </style>


<div class="div_geral"> <div class="div_interna">..</div> <div class="div_interna">..</div> <div class="div_interna">..</div> <div class="div_interna">..</div> <div class="div_interna">..</div> <div class="div_interna">..</div> <div class="div_interna">..</div> <div class="div_interna">..</div> <div class="div_interna">..</div> <div class="div_interna">..</div> </div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado