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