buenos dias, estoy trabajando en una web para subir fotos y mostrarlas, cuando las fotos estan listas para ser vistas, uno pasa el mouse por encima y la imagen se agranda un poco para poder dar una mejor vista previa, pero el problema es que no se como hacer para que la imagen se muestre en un solo lugar y no cambie de posicion dependiendo de los diferentes tamaños de pantallas, yo lo acomode a mi resolucion, pero cuando lo probe en la casa de un amigo la imagen aparecia perdida abajo de todo y se veia la mitad. Lo que quiero saber es como dejar todas las imagenes fijas en un mismo lugar, con un contenedor? la verdad no se como hacerlo!
aca les dejo el codigo para que vean mejor a lo que me refiero.
index.php Código PHP:
<a href="<?php echo $direccion ?>" class="galeria"><img src="<?php echo $direccion ?>" height="120" width="100" /><span><img src="<?php echo $direccion ?>" width="370" height="370" /><br /><?php echo $direccion ?></span></a>
css.css
Código:
.galeria span{
position: absolute;
background-color:#CFE983;
padding: 5px;
left: -1000px;
border: 1px dashed #000000;
visibility: hidden;
color: black;
text-decoration: none;
text-align:center;
}
.galeria:hover span{
visibility: visible;
top: 200px;
left: 700px;
z-index: 50;
}
Un abrazo