Imagenes CSS

[MMCQ]

HoLa

estoy haciendo una pagina y tengo problemas con una imagenes. que la necesito poner Horizontal y no puedo las imagenes que quiero poner son buscadas en el servidor por medio de una consulta y luego son puestas en la pagina.

tire un screenshot para que vean el problema:



los botones de arriba use el siguiente codigo

Código HTML:

.ico{
 

width:400px;
margin:0;
padding:0;

ese es el mismo codigo que estoy usando para las imagenes que busco por medio de consulta y las estoy imprimiendo de esta forma

Código PHP:

  echo "<div class='ico'><img src='$xhox[pic]' /></a>", "<br></div>"; 
   

Alguien sabe como puedo poner las imagenes horizontales como estan los botones rojo de arriba?

[erick_arcini]

Pues no se mucho de esto, pero el <br> no será el causante del problema?

[baccxus]

es más, no solo le sobra el <br>, si no que va a llenar de divisiones la página, creo que tu código sería mejor si encerraras todas las imágenes dentro de un solo

Código HTML:

<div class="ico">..........Aquí dentro las imagenes(todas).........</div> 

que ponerle a cada imagen la clase.

Saludos

[erick_arcini]

pero esta haciendo una consulta, y supongo que esta usando un ciclo, por lo tanto tendría que generar <div> hasta que sea EOF

[sccliss]

Hola! porque no pruebas quitandole el <br /> y agregandole al estilo un float:left para que te las coloque vertical.

[sccliss]

perdon con el float:left te las colocara horizontal como lo quieres (error al tipear)

[MMCQ]

ya resolvi el problema! gracias!

algunos de ustedes sabes usar smarty o alguna otra plantilla?

[baccxus]

Iniciado por erick_arcini

pero esta haciendo una consulta, y supongo que esta usando un ciclo, por lo tanto tendría que generar <div> hasta que sea EOF

Ok, pero puede hacer el ciclo de consultas y aplicarle la clase a todas las imagenes que se le generen y así sería más limpio su código.

Saludos