2 replies to this topic

[hostliv]

Boas, alguém me ajuda a listar as imagem lado a lado igual uma loja virtual ? ex: listo todos produtos da tabela e quero listar 3 por linha

img1 img2 img3

img4 img5 img6
...

abraços

[LucasAlves]

Tem que fazer usando CSS!

faça algo + ou - assim:

<div id="produtos">
<div class="cproduto">
<a href="http//....">Produto 1 <img src="file/produto1.png">
</a>
</div>
<div class="cproduto">
<a href="http//....">Produto 2 <img src="file/produto2.png">
</a>
</div>
<div class="cproduto">
<a href="http//....">Produto 3 <img src="file/produto3.png">
</a>
</div>
<div class="cproduto">
<a href="http//....">Produto 4 <img src="file/produto4.png">
</a>
</div>
<div class="cproduto">
<a href="http//....">Produto 5 <img src="file/produto5.png">
</a>
</div>
<div class="cproduto">
<a href="http//....">Produto 6 <img src="file/produto6.png">
</a>
</div>
</div>

css

#produtos {
 display: block;
 width: 310px;
}
.cproduto {
 display: block;
 Float : Left;
 width: 100px;
 height: 100px;
}

Abraços!!!

Edição feita por: LucasAlves, 24/09/2011, 15:39.

[hostliv]

opa deu certinho, na verdade eu tava tentando direto na hora da listagem do db mas adaptei e deu certo
brigadão

abraços