Organizar Resultados de Query en filas y columnas con PHP MYSQL

[loncho_rojas]

Buenas...espero no molestarlos con esta consulta, pero a pesar de estar tanto tiempo con esto del PHP y demas no se me ocurre como organizar resultados de una query en filas y columnas...

Supongamos que quiero traer 16 productos de la BD y mostarlos en 4 filas de 4 columnas, y cada fila habra 4 productos... la query para traer me la se.. pero no se me ocurre como ordenar las mismas en filas y columnas en DIV y demas...

Una iluminacion por favor..

Gracias amigos foreros

[WyLY]

Creo que te entiendo... (Espero)

Mi método es:
1. Generas el QUERY mysql de lo que quieres mostrar.

2. Creas la "cabeza" de la tabla <table> o el div Wrapper o el que englobe todo SIN cerrar (si utilizas div recuerda crear otro div inmediatamente que tenga las cabeceras como "Título de producto, Número, etc, etc")

3. Creas un While donde puedas arrojar el resultado de tu Query con tr y tds si es table o un 4 divs con sus respectivos floats.

4. Cierras tu While y después cierras el Div Wrapper o tabla.

5. Cierras conexión mysql y sales.

Espero haberme explicado.

A mi en lo personal me ayuda mucho utilizar jquery pero eso ya es cuestión de cada uno:

http://tablesorter.com/docs/example-...sort-list.html

Saludos!

[loncho_rojas]

Entendi.. gracias por la mano, en las FAQ's existe algo parecido, lo modifique un poco nada mas... lo que no tiene es paginador, pero eso se como hacerlo... a quien le sirva, le dejo mi codigo.. aunque deberán ajustarlo a sus etiquetas HTML y las clases CSS.. en mi caso es un librero gigante que contiene libros, y cada estante contiene de nuevo sub-divs o div hijos donde se muestran los libros.. les dejo el CSS y los demas codigos así para los que necesiten puedan quitarle provecho... ojo, que los Background no los incluyo..

Código CSS:

#librero{
    width:810px;
    height:auto;
    padding-left:10px;
    overflow:auto;
    background-image:url(../img/back-librero.jpg);
    background-repeat:no-repeat;
    float:left;
    padding-top:50px;
}
 
.estantes{
    width:799px;
    height:213px;
    background-image:url(../img/estantes.png);
    background-repeat:no-repeat;
    padding-top:15px;
    clear:both;
    
}
 
.libros{
    width:160px;
    float:left;
}
 

Aqui el HTML con los PHP embebidos

Código PHP:

  
<?php
include("co/connect.php");

?>
<div id="librero">
                
            <?php
                
                $sql= "SELECT id, nombre, imagen FROM materiales WHERE destacado=1 ORDER BY id DESC LIMIT 16";
                $query = mysql_query($sql, $conn) or die ("No se puede realizar la consulta porque".mysql_error());
                
                
 
                $columnes = 4; # Número de columnas que quiero traer
                 
                                 //aca muestro cuantos registros se encontraron, en este caso esta limitado por la QUERY con el LIMIT 16

                if (($rows=mysql_num_rows($query))==0) {
                  echo "<span>No hay resultados en la BD.</span> ";
                } else {
                  echo "<span>$rows Resultados </span>";
                }

                                //aca armo las filas y columnas
                 
                for ($i=1; $row = mysql_fetch_array ($query); $i++) 
                {
                    $resto = ($i % $columnes); # Número de celda del <tr> en que nos encontramos
                    if ($resto == 1) 
                    {
                        echo "<div class='estantes'>";
                    } # Si es la primera celda, abrimos <tr>
                    
                    echo "<div class='libros'> <img src='img/productos/".$row['imagen']."' width='160' /></div>"; 
                    
                    if ($resto == 0) 
                    {
                        echo "</div>";
                    } # Si es la última celda, cerramos </tr>
                }
                
                
                if ($resto <> 0) 
                { # Si el resultado no es múltiple de $columnes acabamos de rellenar los huecos
                    $ajust = $columnes - $resto; # Número de huecos necesarios
                    for ($j = 0; $j < $ajust; $j++) 
                    {
                        echo "<div class='libros'>&nbsp;</div>";
                    }
                    
                }
                mysql_close($conn);
                
                
                
            ?>
            
                    
                
</div>