X
xlfredx
Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de 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
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