Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Morphy

Exibir imagens lado a lado

Recommended Posts

Bom dia pessoal tentei de várias formas, varios jeitos, vendo vários tutoriais mas não consegui.

Preciso fazer listar 3 imagens uma ao lado da outra. tentei fazer com variavel i e depois o ++.

 

Mas talves esteja colocando no lugar errado.

 

<?php
include ("conexao/config.php");
   $sql = mysql_query ("SELECT * FROM produtos WHERE categoria LIKE 'equi_jardinagem' ORDER BY id DESC");

while ($linha = mysql_fetch_array($sql)){
$titulo			=$linha['titulo'];
$resumo			=$linha['resumo'];
$descricao		= $linha['descricao'];
$codigo			= $linha['codigo'];
$foto			= $linha ['foto'];
$id			= $linha ['id'];

?>
     <br />
     <table width="660" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td align="center" valign="top">
   <a href="produto.php?id=<?= $id ?>"><?php echo "<img src='fotos/".$foto."' alt='Foto de exibição' border=0 width=200 /><br/>";?><br />
   </a><br /><span class="titulo_produto1"><? echo $titulo ?></span><br/>
   Código:</strong> <? echo $codigo ?></td>
 </tr>
</table>
       <?php } ?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

tenta assim:

 

<?php
       include ("conexao/config.php");
   $sql = mysql_query ("SELECT * FROM produtos WHERE categoria LIKE 'equi_jardinagem' ORDER BY id DESC");
     <table width="660" border="0" cellspacing="0" cellpadding="0">        
 <tr>
       while ($linha = mysql_fetch_array($sql)){
       $titulo                 =$linha['titulo'];
       $resumo                 =$linha['resumo'];
       $descricao              = $linha['descricao'];
       $codigo                 = $linha['codigo'];
       $foto                   = $linha ['foto'];
       $id                     = $linha ['id'];

       ?>
     <br />

   <td align="center" valign="top">
   <a href="produto.php?id=<?= $id ?>"><?php echo "<img src='fotos/".$foto."' alt='Foto de exibição' border=0 width=200 /><br/>";?><br />
   </a><br /><span class="titulo_produto1"><? echo $titulo ?></span><br/>
   Código:</strong> <? echo $codigo ?></td>
       <?php } ?>
 </tr>
</table>

 

soh fechei a tr e table depois do while. e abri elas antes. se ainda nao der o resultado esperado revisa o html e css

como você fez cria varias tabelas, como eu fiz cria apenas uma tabela, se você quer mesmo varias tabelas, ai o problema eh css

Compartilhar este post


Link para o post
Compartilhar em outros sites

A ideia é mais ou menos a seguinte:

<?php
       include ("conexao/config.php");
   $sql = mysql_query ("SELECT * FROM produtos WHERE categoria LIKE 'equi_jardinagem' ORDER BY id DESC");

       while ($linha = mysql_fetch_array($sql)){
       $titulo                 =$linha['titulo'];
       $resumo                 =$linha['resumo'];
       $descricao              = $linha['descricao'];
       $codigo                 = $linha['codigo'];
       $foto                   = $linha ['foto'];
       $id                     = $linha ['id'];
       $i = 1; #apenas um controlador
       $n = 3; #numero de fotos lado a lado
       ?>
     <br />
     <table width="660" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td align="center" valign="top">
<?php if ($i <= $n) $left = 'style="float:left;"'; ?>
   <a href="produto.php?id=<?= $id ?>"><?php echo "<img ". $left . " src='fotos/".$foto."' alt='Foto de exibição' border=0 width=200 /><br/>";?><br />
   </a><br /><span class="titulo_produto1"><? echo $titulo ?></span><br/>
   Código:</strong> <? echo $codigo ?></td>
 </tr>
</table>
       <?php 
$left = '';
$i += 1
} 
?>

 

você adiciona um alinhamento à esquerda na imagem enquanto o contador (no caso o $i) for menor que o numero de fotos que você quer alinhadas.

qualquer dúvida poste...ou então pesquise no fórum que você vai achar concerteza.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.