Foros del Web » Creando para Internet » CSS »

Posicion estatica para thumbnail

Estas en el tema de Posicion estatica para thumbnail en el foro de CSS en Foros del Web. Hola a todos, Tengo un problemilla con el thumbnail, son tres columnas de fotos y al pasar el raton , se acaban viendo mal, se ...
  #1 (permalink)  
Antiguo 08/07/2009, 18:08
 
Fecha de Ingreso: enero-2009
Mensajes: 3
Antigüedad: 8 años, 11 meses
Puntos: 0
Posicion estatica para thumbnail

Hola a todos,
Tengo un problemilla con el thumbnail, son tres columnas de fotos y al pasar el raton , se acaban viendo mal, se salen de la "web" y me gustaria dejar la imagen grande en el centro de la web, centradita.

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
background-color: lightyellow;
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
/*visibility: hidden;*/
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:absolute;
left: -450px;
/*position where enlarged image should offset horizontally */
}


Alguien me puede ayudar?
Muchas gracias de todas maneras.
Saludos
  #2 (permalink)  
Antiguo 09/07/2009, 08:54
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Posicion estatica para thumbnail

Estos vínculos te pueden ayudar:

Ejemplo 1
Ejemplo 2
Ejemplo 3

revisa los códigos fuente.
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 09/07/2009, 08:55
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: Posicion estatica para thumbnail

Supongo que tienes ese problema porque el contenedor principal está centrado horizontalmente. Ese codigo que usas (lo he visto antes pero no recuerdo donde) usa posicion absoluta para mostrar la imagen al pasar el puntero sobre la miniatura, sólo te va a funcionar si también posicionas el contenedor principal de forma absoluta respecto de la ventana del navegador o si te olvidas de centrarlo.

Salud!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:08.