Tabla de imagenes

[joseanguiano]

Hola amigos del foro nuevamente preciso un poco de sus ayuda ha decir verdad no manejo muy bien el código css lo que estoy intentando realizar es ordenar mis imágenes de forma que pueda abarcar la pantalla completa de 15 imágenes no importa que tamaño sea las imágenes el chiste es que se alcance a ver todas completa en realidad el código que tengo no tiene etiquetas en la cual poder seguir diseñando ya que lo datos me lo arroja de la base de datos

Código PHP:

 <div id="body">
    <?php
    foreach ($dbh->query($sql) as $fila) {
        echo 'DPI: ' . $fila['dpi'] . '<br/>';
        echo 'Nombre:' . $fila['nombre'] . '<br />';
        echo 'Matricula:' . $fila['clave_t_e'] . '<br />';
        echo 'Fotografía:<br/><img src="imagenesfoto/' . $fila['archivo'] . '"><br /><br />';
    }

    $dbh = null;
} catch (PDOException $e) {
    echo $e->getMessage();
}
?>
</div>  

qque etiquetas puedo colocar para que mis imagenes se muestren de forma horizontal y no vertical ya que las 15 imagenes se muestran pero tengo que ir bajando con el scrolbar este es mi codigo css

Código CSS:

body {
    font-family:oswald, helvetica, arial, sans-serif;
    background: url(../imagenes/fondoadmi.jpg);
    background-size:100% 100%;
    background-attachment: fixed;
 
}
 
div#body{
    width: 1000px;
    height: 200px;
    margin: auto;
}
 
img{
    height: 120px;
    width: 120px;
    padding: 7px;
    background-color: white;
    -webkit-transition: background-color 0.2s;
    -webkit-box-shadow:inset 0px 0px 24px #545478;
    margin: 0px;
}
 
img:hover{
    background-color: #376146;
}
 

¿como es que puedo mostrar todas mis imágenes en forma horizontal tipo tabla sin necesidad de utilizar la barra para ir bajando?

saludos espro sus valiosas respuestas gracias

[AngelKrak]

Puedes hacerlo con display: inline-block o Float: left a las imagenes, con eso estaran horizontal ;)

[joseanguiano]

Iniciado por AngelKrak

Puedes hacerlo con display: inline-block o Float: left a las imagenes, con eso estaran horizontal ;)

Hola amigo buen dia mira siguiendo tu ejemplo lo coloque de esta forma pero en realidad no se colocan horizontal sigue estando vertical

Código CSS:

img{
    height: 120px;
    width: 120px;
    padding: 7px;
    text-align: center;
    background-color: white;
    -webkit-transition: background-color 0.2s;
    -webkit-box-shadow:inset 0px 0px 24px #545478;
    margin: 0px;
     display: inline-block;
}
 

[AngelKrak]

Para poder ayudarte bien amigo, necesito ver tu codigo completo, si quieres pasamelo por Privado en un .rar con DB y todo ;)

[dartcoupli]

Yo lo que hago, es cargar el nombre de las imágenes de la base de datos con un select dentro del img, y crear la tabla en el momento durante el proceso y recorrer cada nombre con un for y me funciona.

[xfxstudios]

mira este post, alli se da algo parecido creo a lo que necesitas:
http://www.forosdelweb.com/f53/divs-...rados-1140622/