Como centralizar galeria de imagens na minha página web?

  • Autor Autor xlfredx
  • 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
X

xlfredx

Curioso
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola, en mi pagina web he agregado una galería de imagenes, pero no encuentro manera de centrar las imagenes. Siempre se me ven a la izquierda.

Este es el codigo en cuestión.

#galeria, #galeria * {box-sizing:border-box,-moz-box-sizing:border-box}
#galeria {
border: 1px solid #EAEAEA; /* Borde de la galería */
padding: 10px;
padding-bottom: 0;
background: white; /* Fondo de la galería */
max-width: 660px;
height: 700px;
}
#galeria_miniaturas {
display: table;
margin: 0 auto;
}
#imgGaleria {
border: 1px solid #F2F2F2; /* Borde de la imagen */
padding: 1 em 3 em;
margin-left: 200 px;
max-width: 600px;
height: 600px;
}
.miniatura {
width: 60px; /* Ancho de las miniaturas */
height: 60px; /* Alto de las miniaturas */
float: left;
cursor: pointer;
padding: 5px;
margin: 10px 5px;
}
.miniatura:hover {
opacity:.8; /* Opacidad */
-moz-opacity:.8;
-khtml-opacity:.8;
filter:alpha(opacity=80);
}
.miniatura:active {
opacity:1;
-moz-opacity:1;
-khtml-opacity:1;
filter:alpha(opacity=80);
}

y esta es la web: Romano Cucine
 
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
yo siempre uso la etiqueta <center>imagen.jpg</center>
 
Si centro desde el codigo HTML tambien me va a modificar las imagenes en miniatura y me mueve las imagenes miniaturas y no cumple la funcion.
 
Prueba con
HTML:
#galeria_imagen{text-align:center}

PD: la etiqueta <center> ya esta en deshuso
 
yo aun la sigo usando xd

De hecho que aún funciona pero el consorcio W3C recomienda no usarlo más ya que no se garantiza su funcionamiento a futuro.

Y aproposito, lograste solucionar el centrado?
 
Muchas gracias, funcionó perfecto. No probé con ese porque pense que era solo para alinear texto.
 
no pudr conectarme antes pero ya lograste solucionarlo?
 
intenta poder centrarla con margin: auto; si no con text-aling:center;
o si estas usando cajas flexibles usa display:flex; flex-wrap:wrap; justify-content:center; espero que pueda servirte de mucha ayuda
 
Voltar
Topo