Cajas dentro de cajas Bueno tengo una preguntilla con respecto al CSS.
Tengo un script el cual leer las imágenes de una carpeta. Estas imágenes las muestra reducidas dentro de un span, para luego si se desea, que se pueda borrar cualquiera. El problema que tengo es que al listar las imágenes lo hace dentro de una misma fila y cuando llega al límite de la caja (div) no hace un salto de línea si no que continua y el diseño queda feo. Os dejo una imagen de como queda:
Y este es el código que uso:
Código PHP:
<div class="onecolumn">
<div class="header">
<span>Borrar Imagen</span>
</div>
<br class="clear"/>
<div class="content">
<h3>Seleccione la imagen que desea borrar</h3>
<div style="width:85%; display:block; background-color:#999999;">
<?php
//creo un arreglo de extensiones validas
$arr_ext = array("jpg","png","gif", "JPG", "PNG", "GIF");
//abro un directorio
$mydir = opendir("../galeria/instalaciones");
//leo los archivos del directorio
while($archivo = readdir($mydir)){
$ext = substr($archivo,-3);
//si la extension del archivo es correcta muestra la imagen
if(in_array($ext,$arr_ext)){
?>
<span style="width:215px; padding:5px; margin:5px; display:table-cell;">
<img src="../galeria/instalaciones/<?php echo $archivo;?>" width="150px">
<br />
Nombre: <?php echo $archivo; ?>
<br />
<a href="#">Borrar</a>
</span>
<?php
}
}
?>
</div>
</div>
</div> Gracias :) !! Un saludo !!
