Hola todos, soy un novato en css y tengo un problema a la hora de crear una galería de imágenes. Consiste en lo siguiente: una serie de miniaturas que al hacer click sobre ellas se abren a tamaño grande (todas ellas se hacen grandes en el mismo lugar). Este es el css que he utilizado:
 
 #contenedor{
	width: 300px;
}
 
.miniatura span{
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;}
 
.miniatura:active span, .miniatura:focus span{
	visibility: visible;
	top: 0;
	left: 230px;
	z-index: 50;
}
 
Con esto consigo el objetivo pero al pulsar sobre una se me hace grande, pero al pulsar en otra distinta se superpone a la otra. Lo que quiero es que al hacer click sobre cualquier miniatura se cierre la anterior. No se si me he explicado muy bien...
 
Un saludo y gracias de antemano. 
   
 

 y que bueno que hayas resuelto tu tema.
 y que bueno que hayas resuelto tu tema. 
 
 
 
