PHP OO PHP y CSS Div´s Diferentes Tamaños

[deleon05]

Saludos a todos los Guru de este foro. Escribo porque quisiera ver quien me puede ayudar con un tranque que tengo con algo de php y CSS. Quiero mostrar una categoría de tema de forma distinta en DIVs con diferentes formas.

Algo como esta imagen:



Espero alguien pueda ayudarme con esto.

Gracias,

[Drowna]

A ver si me aclaro, lo que quieres es algo como lo que tiene este foro para ordenar las categorias?. Pues... la forma que se me ocurre sería usando un while. Sería algo así.. o al menos eso creo, que alguien me corrija si lo hago mal xD.

Código PHP:

<?php
include('conexion.php'); //Esto sustituyelo por tu script para conectarte a la base de datos
//Consulta PHP que extrae las categorias
$sql = "SELECT * FROM categorias";
$consulta = mysqli_query($db,$sql);
$cuenta = 0;
while($categorias = mysqli_fetch_assoc($consulta)){
//Aqui vendría el código que toma las categorias y las mete en un div a cada una
 $c = "<div class=\"caja_".$cuenta."\">".$categorias['titulo_categoria']."</div>";
$cuenta++;
};
 
?>
 

Este script lo que hará es primero, extraer de la base de datos las categorias que tiene y luego crear un array con todos los datos , para despues en el while encapsular cada categoria dentro de su propio div que tiene como clase o id, lo que quieras el texto + 1 un numero. El primer div tendra de clase/id caja_0, el segundo caja_1 asi sucesivamente. Luego en cSS lo único que tienes que hacer es darle un tamaño a cada elemento, y posicionarlo como quieras.

[deleon05]

Gracias Drowna por tu respuesta. Probare a ver que tal.

Soy novato en esto y estuve leyendo un poco y tambien pensaba hacerlo con un while pero al no ser tan experto no sabia como comenzar.

Pero para aclarar bien tengo una base de datos de informaciones y las mismas las divido por categorías internamente. y por SQL hago el select la tabla y con where especifico la categoría que deseo y ahí entonces en esa categoría en especifico que hago el llamado quiero mostrar esas información de titulo, imagen y la nota en div´s de diferentes formas para que tenga un aspecto mas llamativo y no se vea uniforme en div´s de una sola forma.

Probare tu código y te informare.

Nuevamente gracias por tu respuesta y por tomarte el tiempo para ayudar.

Formas parte de una frase que acuño: "El conocimiento es para compartir".