Exibir imagens lado a lado

[nsouza]

Colegas,

sou iniciate, e gostaria de saber como faço para exibir as figuras lado a lado usando div's com resutados de consulta no banco de dados.

Clique no link abaixo para entende melhor o que preciso.

Link Google de Exemplo

Obrigado!

[ESerra]

E exatamente qual a sua dúvida?

[Hugo Dias]

Bom,a questão se resume puramente a exibição,certo?

Div's são renderizadas por padrão com o atributo display como 'block' ou seja,como 'blocos' no navegador.Não permitem outros objetos na mesma linha. Mas o atributo display pode ser modificado,por exemplo,para 'inline'. Dessa forma é feita a exibição em linha e não ocorre a quebra de linha antes e depois do objeto.

Dê uma lida:

http://www.maujor.com/tutorial/propriedade-css-display.php

Nesse caso:

Uma div 'container',com a propriedade 'block'(ou seja,ficará fixa como referência para as divs com as imagens) e as divs com as imagens com a propriedade 'inline-block',ou apenas 'inline'.

Internamente,elas vão se ajustar automaticamente,devido à div container.

Se ainda sobrar alguma dúvida,ou não for exatamente isso,posta ai.

Abraços.

[nsouza]

Uma div 'container',com a propriedade 'block'(ou seja,ficará fixa como referência para as divs com as imagens) e as divs com as imagens com a propriedade 'inline-block',ou apenas 'inline'.

Então pelo que entendi, eu tenho que criar uma div 'contaniner' e dentro dela criou as outras div's atiando a propriedade inline, certo? Se minha div container tiver 600px,

as imagens passaram a preencher a linha debaixo.

Entendi certo?

[ESerra]

Movendo PHP » HTML.

[Hugo Dias]

Correto,é isso mesmo.