Listar Mysql Horizontal

[ivanicop]

Hola, he buscado sobre como listar contenido de una base de datos mysql y he encontrado algo pero no he sido capaz de usarlo, mis conocimientos aún no llegan ahí.

Tengo una tabla que quiero que muestre los datos así:



Pero en cambio me los muestra así:



Mi duda es sobre como puedo hacer que donde sale el rótulo blanco con el texto y la imagen de la tabla salgan como he puesto en la primera imagen.

El código que uso es este:

Código PHP:

  <?
/* Abrimos la base de datos */
  $conx = mysql_connect ("localhost","root","");
  if (!$conx) die ("Error al abrir la base <br/>". mysql_error()); 
  mysql_select_db("fbsg") OR die("Connection Error to Database");    
 
/* Realizamos la consulta SQL */
$sql="select DISTINCT * from deck ORDER BY id DESC ";
$result= mysql_query($sql) or die(mysql_error());
if(mysql_num_rows($result)==0) die("No hay registros para mostrar");
 
/* Desplegamos cada uno de los registros dentro de una tabla */  
echo "<table border=2 cellpadding=4 cellspacing=0>
";
/*Y ahora todos los registros */
while($row=mysql_fetch_array($result))
{
 echo "<tr>
        <th align='center'><img src='img/header/$row[id]/$row[banner].png' /></td> 
          </tr>
          
          <tr>
           <th align='center'><img src='script/resources/decks/$row[img].png' /></td>
       </tr>
";
}
echo "</table>";
while($row=mysql_fetch_array($result) and $variable)
{
 echo "<tr>
        <th align='center'><img src='img/header/$row[id]/$row[banner].png' /></td> 
          </tr>
          
          <tr>
           <th align='center'><img src='script/resources/decks/$row[img].png' /></td>
       </tr>
";
}[HTML][/HTML]
echo "</table>";
 
?>   

Tambien probando a repetir

Código HTML:

<th align='center'><img src='img/header/$row[id]/$row[banner].png' /></td> 

y

Código HTML:

<th align='center'><img src='script/resources/decks/$row.png' /></td> 

en sus respectivos <tr> sale siempre el mismo valor hasta que cambia de fila en la tabla html, es decir, así:





Saludos!

[repara2]

Tienes que aprender html, tu codigo es incorrecto. Tus propios comentarios explican el error:

Código PHP:

/* Desplegamos cada uno de los registros dentro de una tabla */  
echo "<table border=2 cellpadding=4 cellspacing=0>
";
/*Y ahora todos los registros */
 

Necesitas una fila, luego una celda por cada registro, luego cierras fila.
Por ejemplo:

Código PHP:

<?php
$tabla = "<table>";
$tabla .="<tr>";
$tabla ."<td colspan='".mysqlnum_fields($query)."'>El título</td>";
while($algo = mysql_fetch_assoc($query))
{
$tabla .="<td>{$algo[ 'campo1']}</td>";
$tabla .="<td>{$algo[ 'campo2']}</td>";
$tabla .="<td>{$algo[ 'campo3']}</td>";
}
$tabla .="</tr></table>";
echo $tabla;
?>
 

Esa es la idea, comprueba los detalles pero este es el esquema, saludos.

[ivanicop]

EDITO: Resulta que mysqlnum_fields necesita un _ entre mysql y num y el query me corresponde a $result

Muchas gracias por tu respuesta, pero tengo una duda, estos son mis datos sql para conectar a la bd:

$conx = mysql_connect ("localhost","root","");
if (!$conx) die ("Error al abrir la base <br/>". mysql_error());
mysql_select_db("fbsg") OR die("Connection Error to Database");

Y este el que uso para seleccionar los datos:

$sql="select DISTINCT * from deck ORDER BY id DESC";
$result= mysql_query($sql) or die(mysql_error());
if(mysql_num_rows($result)==0) die("No hay registros para mostrar");

¿Sabes a que corresponde la variable $query de los datos que tengo yo?

Saludos, es que dejando query me salta un error en la línea en la que esta puesta por primera vez.

[gildus]

Holas,

Como te dijo @repara2, el detalle es html y hasta incluso te podria decir con css. Puedes usar PHP para imprimirlo por ejemplo con divs y en el lado del cliente con simples CSS puedes ajustarlos a lo que deseas por ejemplo:

Código CSS:

<style>
 
.item{
display:inline-block;
width: 150px;
}
 
.titulo{
// CSS para tu titulo en ancho, alto, 
}
 
.imagen{
// CSS para tu imagen en ancho, alto, 
}
</style>
 

Código PHP:

....
while($row=mysql_fetch_array($result))
{ ?>
<div class="item">
 
    <div class="titulo"><?php echo $row['titulo'];?></div>
    <div class="imagen"><img src='script/resources/decks/<?php echo $row['img']; ?>.png' /></div>
 
</div>
 
<?
}
....
 

Esto seria ya un tema de HTML o CSS.

Saludos

[ivanicop]

Gracias Gildus, aunque me quedo con las tablas que me resultan más fáciles para esto.

Por cierto, ahora me aparece así:



¿Cómo puedo hacer que salga así?



Es decir, subir el título arriba. He estado toqueteando los <tr> pero nada.

Saludos

[gildus]

Pues si tendrias que hacer otro tr algo como:

Código PHP:

echo "<tr>
        <th align='center'><img src='img/header/$row[id]/$row[banner].png' /></td> 
          </tr>
          
          <tr>
           <th align='center'><img src='script/resources/decks/$row[img].png' /></td>
       </tr>
";
 

a esto:

Código PHP:

echo "
<tr>
          <td><?php echo "Aqui el titulo...."; ?></td>
       </tr>
      <tr>
        <th align='center'><img src='img/header/$row[id]/$row[banner].png' /></td> 
      </tr>          
";
 

Saludos

[ivanicop]

Hola Gildus, con el código que pones me sale así:

[luis010182]

si entendi bien la descripcion de la imagen tambien es una imagen?
si es asi desde hacer asi

Código PHP:

   
echo "<table border=2 cellpadding=4 cellspacing=0><tr>"; 
while($row=mysql_fetch_array($result)) 
{ 
 echo "<td><table border=2>":
 echo "<tr> <th align='center'><img src='img/header/$row[id]/$row[banner].png' /></td></tr> ";
 echo "<tr> <th align='center'><img src='script/resources/decks/$row[img].png' /></td> </tr> ";
 echo "</table></td>":
 
} 
echo "<tr></table>"; 
   

Basicamente es crear una tabla principal que en cada ciclo de while forma una celda y dentro de cada celda coloca una tabla mas pequeña que contiene el producto,
Espero te sea util.

[ivanicop]

Luis, eres un crack, no se me había ocurrido lo de tablas dentro de tablas :P

[ivanicop]

Siento el doblepost, pero el tema si edito el mensaje anterior no sube.

REsulta que uso el código de Luis, pero no sé como hacer para que me repita esa serie de columnas en la fila de abajo sin repetir los valores:



*Por favor, haced solo caso a la estructura de la tabla