[Resolvido] Div lado a lado | Resultados do banco de dados

[Renan Costa_174249 0]

olá pessoal, estou com um problinha mas que ja ta quebrando minha cabeça! kk

seginte...

no meu site tem uma pagina que lista as imagens de todos os itens cadastrados no banco de dados, mas quando ele faz essa listagem fica ima imagem em baixo da outra.

 

A minha duvia é: Como fazer para que cada imagem fique lado a lado da outra e como fazer para dar uma "quebra de linha" a cada 4 imagens listadas?

 

não sei se fui claro, mas pra poderem entender melhor olha como ta meu codigo:

 

***as imagens são 150x150 e a url das mesmas estão no campo "img" da tabela "itens" do banco de dados.

 

 

<?php

$query = $db->execute("select `id`, `img`, `preco` from `itens` order by `preco` desc limit ?,?", array($begin, $limit));

while($item = $query->fetchrow())
{
echo "<div id=\"loja\">\n";
echo "<img src=\"" . $item['img'] . "\">\n";
echo "</div>\n";
echo "\n";
}
?>

 

Agradeço desde ja a atenção! ^^)

[erison 63]

cara so da um float:left; na div loja;

 

você coloca assim

 

<style>
#Box{width:700px;}
#loja{width:150px;height:150px; margin:10px; float:left;}
</style>
echo '<div id="Box">';
while($item = $query->fetchrow())
{
       echo "<div id=\"loja\">\n";
       echo "<img src=\"" . $item['img'] . "\">\n";
       echo "</div>\n";
       echo "\n";
}
echo '</div>';

[Renan Costa_174249 0]

Ja consegui colocar a DIV lado a lado, usando o codigo:

float: left;

a unica duvida agora é de como dar a "quebra de linha" a cada 4 imagens...

[erison 63]

Ja consegui colocar a DIV lado a lado, usando o codigo:

float: left;

a unica duvida agora é de como dar a "quebra de linha" a cada 4 imagens...

 

 

cria uma div fora do laço com largura de 700px; como postei acima

 

<style>
#Box{width:700px;}
#loja{width:150px;height:150px; margin:10px; float:left;}
</style>
echo '<div id="Box">';
while($item = $query->fetchrow())
{
       echo "<div id=\"loja\">\n";
       echo "<img src=\"" . $item['img'] . "\">\n";
       echo "</div>\n";
       echo "\n";
}
echo '</div>';

[Renan Costa_174249 0]

cria uma div fora do laço com largura de 700px; como postei acima

 

<style>
#Box{width:700px;}
#loja{width:150px;height:150px; margin:10px; float:left;}
</style>
echo '<div id="Box">';
while($item = $query->fetchrow())
{
       echo "<div id=\"loja\">\n";
       echo "<img src=\"" . $item['img'] . "\">\n";
       echo "</div>\n";
       echo "\n";
}
echo '</div>';

 

 

UOOOUU!!!!

Valew cara, deu certin...

quando a gente esta de cabeça quente e pensa em resolver de uma forma tão complicada, e a resposta esta tão obvia...

Obrigado mesmo ERISON

[erison 63]

disponha, topico resolvido

[LC Carlos 0]

Nossa muito obrigado resolveu meu problema!!!