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:
Ver originalbody {
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