hola yo haría lo siguiente:
para simplificarlo le quitas a .img el position:relative, y se lo pones a #contenedor de esta manera al poner la capa de la imagen en position:absolute no te pondra la posición respecto a .img si no respecto a #contenedor, de manera que con poner a cualquier imagen top:0; left:0 ya estará en su sitio. lo que te pasa ahora es que al poner position:absolute, esa posición es relativa al primer padre que tiene algún tipo de posición, que es el .img porque tiene position:relative de manera que las medidas que le pones: left: -18px; y top: -8px; te las está haciendo a partir de la esquina superior de .img saludos El 14/10/2012, a las 19:09, marcos méndez filesi escribió: > Todo esto sin javascript.<--- lol, eso lo complica todo un poco : ( > > No sé bien cómo podría ser. Algunas ideas que seguro ya has probado: > > a) Pone una clase a las imágenes y el hover hazlo directamente sobre esa > clase. No sé si me explico. > > b) Al hacer el hover, quítale el display inline-block, que sea un block > > c) Esto también podría funcionar, al menos una vez que sepamos cómo > liberarlas del div aprisionador, :P > > transform:translate(10px, 20px); > > http://css3.bradshawenterprises.com/transforms/ > > Jo, lo siento, pero no se ocurre nada más de momento. Si se puede usar > JavaScript la cosa cambia... > > El 14 de octubre de 2012 19:00, Carlos Núñez <cha...@gmail.com> escribió: > >> Hola Marcos, lo que necesito es al hacer :hover :active que salga la imagen >> del cuadro de scroll. A priori bastaria con un absolute un top y un left >> pero no se porque no me sale del cuadro, no se si es por el scroll. >> >> Todo esto sin javascript. >> >> Un saludo >> >> El 14 de octubre de 2012 18:57, marcos méndez filesi >> <mmfil...@gmail.com>escribió: >> >>> Una pregunta, ¿lo que necesitas es que al pulsar en una de esas >> miniaturas >>> se muestre la foto respectiva en grande a la derecha, fuera del scroll? >>> >>> Por ejemplo, como sucede en esta página, arriba a la derecha, en >> Noticias, >>> cuando pulsas en cada una de ellas? >>> >>> http://www.mmfilesi.com/zona_clientes/adeli/ >>> >>> o lo que necesitas es que dentro del scroll tengan un efecto chulo al >> hacer >>> hover? >>> >>> El 14 de octubre de 2012 18:32, Carlos Núñez <cha...@gmail.com> >> escribió: >>> >>>> Buenas, vereis, estoy haciendo unas pruebas y quizas porque llevo un >>> rato y >>>> me he encabezonado pero no encuentro la manera de hacer que el :hover >>>> encima del elemento en la caja del scroll salga fuera, ahora mismo no >>> caigo >>>> en el fallo. A ver si me podeis echar una mano. >>>> >>>> Por otro lado, queria preguntar, porque ahora lo estoy haciendo un poco >>>> cutre desde mi punto de vista. Al hacer :hover, pasa al div de arriba >>>> llamado #c2. Al hacer :active pasa al div de la izquierda llamado #c1. >> En >>>> cada uno con un pequeño incremento de tamaño pero eso es irrelevante. >>>> >>>> Entonces la pregunta es, es posiblle hacer muestre la imagen tal como >> he >>>> explicado antes, pero en el div centrado, sin hacer la trampa de las >>>> propiedades top, left? >>>> >>>> Aqui tengo el enlace: >>> http://running4life.nixiweb.com/galeria/galeria.html >>>> >>>> Gracias >>>> >>>> >>>> >>>> -- >>>>>> Carlos Núñez >>>> _______________________________________________ >>>> Lista de distribución Ovillo >>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>> >>> >>> >>> >>> -- >>> Marcos Méndez Filesi >>> http://www.mmfilesi.com/ >>> _______________________________________________ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>> http://lists.ovillo.org/mailman/listinfo/ovillo >>> >> >> >> >> -- >>>> Carlos Núñez >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > > > -- > Marcos Méndez Filesi > http://www.mmfilesi.com/ > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
