Foros del Web » Creando para Internet » CSS »

ordenar imagenes de la base de datos

Estas en el tema de ordenar imagenes de la base de datos en el foro de CSS en Foros del Web. Hola a todos, tengo varias imagenes en una base de datos(con diferentes tamaños) para no profundizar en programacion, cuando las muestro logro esto http://www.subeimagenes.com/img/desorden-768443.JPG y ...
  #1 (permalink)  
Antiguo 21/10/2013, 13:37
Avatar de erozwashere  
Fecha de Ingreso: noviembre-2012
Ubicación: mex
Mensajes: 176
Antigüedad: 11 años, 5 meses
Puntos: 0
ordenar imagenes de la base de datos

Hola a todos, tengo varias imagenes en una base de datos(con diferentes tamaños)

para no profundizar en programacion,

cuando las muestro logro esto
http://www.subeimagenes.com/img/desorden-768443.JPG

y pero queda muy desordenado, quiero ordenar algo asi, sin espacios en blanco(suponiendo que todos los cuadros fuesen imagenes)

http://www.subeimagenes.com/img/f8e6...a03-768438.jpg


mi css es esto simple
Código CSS:
Ver original
  1. <style type="text/css">
  2. .ima{
  3.     position: relative;
  4.     width: auto;
  5.     height: auto;
  6.     max-width: 300px;
  7.     max-height: 250px;
  8.     /*float:left;*/
  9. }
  10.  
  11. </style>

y esto es el html/php
Código PHP:
Ver original
  1. $query = "SELECT * FROM imagenes WHERE album=14  LIMIT 0,15";
  2. $my=mysql_query($query);
  3.  
  4. while ($row=mysql_fetch_array($my)) {
  5.     echo "<img class='ima' src='../imagenes/".$row['imagen']."'/>";
  6. }
  #2 (permalink)  
Antiguo 21/10/2013, 14:22
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: ordenar imagenes de la base de datos

Tendrás que usar alguna cosa como masonry. Otra opción sería usar multi-columnas CSS, aunque el soporte no es del 100%: http://caniuse.com/multicolumn

Etiquetas: html, imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:31.