Re: [Ovillo] Ayuda position
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.comescribió: 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
[Ovillo] Ayuda position
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
Re: [Ovillo] Ayuda position
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
Re: [Ovillo] Ayuda position
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.comescribió: 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
Re: [Ovillo] Ayuda position
Perdon por el inciso, ahora mismo solo esta en la primera imagen, la rana y solo el :hover. Saludos 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.comescribió: 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 -- 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
Re: [Ovillo] Ayuda position
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.comescribió: 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
