Resultados Em Colunas

[wawasurf]

Olá,

Estou fazendo um album de fotos, já consegui mostrar todas as imagens de uma determinada pasta do servidor, agora queria saber como faço para mostrar o resultado em colunas com um fundo background em cada imagem tipo como se fosse uma borda ao redor da imagem!!

Aqui esta meu código

<?
require_once ("../admin/conecta.php");

$sql="SELECT * FROM fotos WHERE codigo='$codigo'";

$query=mysql_query($sql);

while($sql = mysql_fetch_array($query)){
$codigo =         $sql["codigo"];
$evento =         $sql["evento"];
$data =         $sql["data"];
$dir =         $sql["pasta"];
$foto_por =     $sql["foto_por"];


$pasta = "/var/www/casamarketing.com.br/1051/galerias_fotos/fotos/$dir/"; // Pasta de onde estão as fotos (se o arquivo estiver na mesma pasta das fotos bote apenas "./")

$open = opendir("$pasta/"); //Abre a pasta
while ($foto = readdir($open)) { //Lê a pasta
if (eregi(".jpg",$foto)) { //Verifica se o arquivo é mesmo JPG

echo "
<a href=\"fotos/$dir/$foto\" target=\"foto\">

<img border=0 src=\"gerar_thumb.php?filename=fotos/$dir/$foto\" >

</a>"; //Mostra as thumbs
}
}
}
?>

[ARD]

Cara, tu pode fazer isso com css... Vou dar uma mãozinha p/ você ;)

Segue o código css

.agrupa {
width:500px;
}
.foto  {
width:90px;
float:left;
margin:0px 5px 5px 5px;
border-right:4px solid #f5f5f5;
border-top:1px solid #f5f5f5;
border-left:1px solid #f5f5f5;
border-bottom:4px solid #f5f5f5;
background-color:#FFFFFF;
text-align:center;
padding:4px 0px 4px 0px;
}

agora o teu código fica assim:

<?
require_once ("../admin/conecta.php");

$sql="SELECT * FROM fotos WHERE codigo='$codigo'";

$query=mysql_query($sql);

while($sql = mysql_fetch_array($query)){
$codigo =         $sql["codigo"];
$evento =         $sql["evento"];
$data =         $sql["data"];
$dir =         $sql["pasta"];
$foto_por =     $sql["foto_por"];


$pasta = "/var/www/casamarketing.com.br/1051/galerias_fotos/fotos/$dir/"; // Pasta de onde estão as fotos (se o arquivo estiver na mesma pasta das fotos bote apenas "./")

$open = opendir("$pasta/"); //Abre a pasta

echo "<div class=\"agrupa\">";

while ($foto = readdir($open)) { //Lê a pasta
if (eregi(".jpg",$foto)) { //Verifica se o arquivo é mesmo JPG

echo "<div class=\"foto\">
<a href=\"fotos/$dir/$foto\" target=\"foto\">

<img border=0 src=\"gerar_thumb.php?filename=fotos/$dir/$foto\" >

</a></div>"; //Mostra as thumbs
}
}
echo "</div>";
}
?>

CSS

A classe agrupa é um conteiner que vai agrupar as fotos e a classe foto vai adicionar a borda.

T+

André

[wawasurf]

beleza cara, muito boa essa dica, brigadão ai cara!!