Listando imagens em table ou div

[Renê Ribeiro Mendes 0]

Bom Dia,

 

Tenho a seguinte situação:

 

Um catálogo de imagens, porém as imagens serão inseridas pelo usuários. Mas estão sendo exibidas uma abaixo da outra, como faço para inserir através de linhas e limitando a 3 imagens por linha e a quarta imagens criar uma nova linha e assim por diante. Seria melhor fazer em table ou DIV? Alguem tem algum material a respeito?

 

Obrigado

[bruno_mosciatti 22]

Bom dia.

Te sugiro fazer o seguinte:

Trabalhar com <ul> e <li>. A <ul> você define uma largura para que caiba 3 <li> na mesma linha e também define tamanho para as <li>'s.

[Giovani 104]

Você pode usar listas

 

Opa ... o @bruno_mosciatti respondeu antes de mim ;)

[@gsales_ 0]

Bom dia.

Te sugiro fazer o seguinte:

Trabalhar com <ul> e <li>. A <ul> você define uma largura para que caiba 3 <li> na mesma linha e também define tamanho para as <li>'s.

 

Complementando:

/*  Um espaçamento entre as LIs
    e no primeiro filho tirar o margin-left para não ter quebra */
#id li{margin-left:10px;}
#id li:first-child{margin-left:0;}