Ayuda mostranto productos...!!

[HiToGoRoShi]

Que tal amigos del foro, ustedes que todo lo saben y sino lo saben lo inventa jejej era una broma..

Bueno este es mi problema, voy a explicar con un grafico primero...

Los productos se muestran asi actualmente:


Yo quiero que los productos se muestren asi:


Este es mi codigo, haber si me dan una mano porfavor :D

Código PHP:

<link href="css/autoflow.css" rel="stylesheet" type="text/css" />
<table width="100%">
  <tr>
    <td width="2%"><img src="img/btn_title.jpg" alt="" width="30" height="30" /></td>
    <td width="98%" valign="middle"><span style="font-size: 14px; font-weight: bold;">Productos:</span></td>
  </tr>
  <tr>
    <td colspan="2">En esta seccion usted puede ver los articulos que tenemos disponible, estos productos se iran actualizando constantemente...<span style="text-align: justify"></span></td>
  </tr>
</table>
<hr />
 
<?php
include("db.php");
$link = Conectarse();
 
$imagen= "admin/productos/files/";
 
//Traer los articulos de mierda
   $query = mysql_query("SELECT * from catalogo order by id DESC limit 5",$link) or die(mysql_error());     
 
    while ($mos=mysql_fetch_array($query))
{  
?> 
<table width="420" border="0" cellpadding="5" cellspacing="5" id="tabla" align="center" valign="middle">
   <tr><td width="15%" bgcolor="#1779A8" align="center"><font color="white"></font><font color="white"><?php echo $mos['fecha']; ?></font></td>
   <td width="85%" bgcolor="#1FA2E0" colspan="2" align="right"><b><font color="white"><?php echo $mos['titulo']; ?></font></b></td></tr>
   <tr><td align="center" valign="middle"><b><font color="white"><img src="<?php echo $imagen.$mos['img'];?>" width="70" height="70" \></font></b></td>
    <td align="justify" colspan="3" bgcolor="#DBF2FC"><div class="itemsVenta" ><?php echo $mos['descripccion']; ?></div></td></tr>
   <tr><td bgcolor="#1779A8" align="center"><font color="white" size="2"><b>Precio:</b></font></td><td align="center"><font size="2"> S/ <?php echo $mos['precio']; ?></font></td><td width="30%" align="center"><img src="img/comprar.jpg"></td></tr></table><br>
  
<?php
}
?>
 

[Triby]

Definitivamente tu problema es de html/css, no de PHP.

Por otra parte, no es recomendable que uses tablas para esto, con CSS (divs + estilos) puedes igualar (y hasta mejorar) lo que estas haciendo.

[luis010182]

Esto deberia servirte

Código PHP:

 echo "<table><tr>";
$i=1;
while ($mos=mysql_fetch_array($query)){  
if ( $i==2 ){ echo '</tr><tr>' ; $i=0; }
echo "<td>";
?>la tabla con tu producto<?
echo "</td>";
 
$i++;
 
}
 
echo "</tr></table>";   

[Hidek1]

lo logras con <div> con css float:left
o con <span>

saludos!

[HiToGoRoShi]

Iniciado por Triby

Definitivamente tu problema es de html/css, no de PHP.

Por otra parte, no es recomendable que uses tablas para esto, con CSS (divs + estilos) puedes igualar (y hasta mejorar) lo que estas haciendo.

un ejemplo de como seria lo correcto entonces

[jpinedo]

Iniciado por Triby

Definitivamente tu problema es de html/css, no de PHP.

Por otra parte, no es recomendable que uses tablas para esto, con CSS (divs + estilos) puedes igualar (y hasta mejorar) lo que estas haciendo.

Hola Triby:

Creo que él sí sabe qué html quiere generar. Pero no sabe cómo hacerlo en columnas, lo cual sí es un tema de programación (si es par va al costado, si es impar va el fila nueva).

HiToGoRoShi:
Hay varios ejemplos por el foro sobre cómo listar en columnas de una tabla los resultados de una consulta. ¿Has probado lo que te puso luis010182? Tal vez funcione.

Sauldos,

[HiToGoRoShi]

si gracias modifique lo de luis010182 un poco porque no funcionaba, gracias