Ajuda: para alinhar 8 imagens em 2 colunas com CSS

  • Autor Autor Jxit3
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Jxit3

Jxit3

Zeta
Programador
Verificación en dos pasos activada
Quisiera poder alinear 8 imágenes en 2 columnas, he usado listas, y le he puesto estilo pero no me sale bien, siempre una me queda mas abajo que la otra.

lo que quiero lograr es algo así:

1 5
2 6
3 7
4 8

se que se puede hacer con CSS pero no lo logro, y creo que estoy cometiendo algún error 😕, seguro alguien me puede dar una mano , agradecería mucho una ayudadita 🙂
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Cuanto miden las imagenes? de ancho..
pruebaa esto:
Inserir CODE, HTML ou PHP:
<style>
.contenedorimgs{
width:620px;
}
.imgcont{
max-width:300px;
height:auto;
}
</style>
<div class="contenedorimgs">
<img src="img1.jpg" alt="ALT" class="imgcont">
<img src="img2.jpg" alt="ALT" class="imgcont">
<img src="img3.jpg" alt="ALT" class="imgcont">
<img src="img4.jpg" alt="ALT" class="imgcont">
<img src="img5.jpg" alt="ALT" class="imgcont">
<img src="img6.jpg" alt="ALT" class="imgcont">
<img src="img7.jpg" alt="ALT" class="imgcont">
<img src="img8.jpg" alt="ALT" class="imgcont">
</div>

Este seria el resultado:
800ee2a6d59646a4a46100e.png
 
Última edição:
Cuanto miden las imagenes? de ancho..
pruebaa esto:
Inserir CODE, HTML ou PHP:
<style>
.contenedorimgs{
width:620px;
}
.imgcont{
max-width:300px;
height:auto;
}
</style>
<div class="contenedorimgs">
<img src="img1.jpg" alt="ALT" class="imgcont">
<img src="img2.jpg" alt="ALT" class="imgcont">
<img src="img3.jpg" alt="ALT" class="imgcont">
<img src="img4.jpg" alt="ALT" class="imgcont">
<img src="img5.jpg" alt="ALT" class="imgcont">
<img src="img6.jpg" alt="ALT" class="imgcont">
<img src="img7.jpg" alt="ALT" class="imgcont">
<img src="img8.jpg" alt="ALT" class="imgcont">
</div>

Este seria el resultado:
800ee2a6d59646a4a46100e.png

Gracias compañero 😛8:, me estaba rompiendo la cabeza con float cuando de esta forma es mas fácil :encouragement:.

Muchas Gracias.
 
Voltar
Topo