Re: [Ovillo] css pop up
a sido un gusto ayudar a resolverte el problema... On 2/9/07, sn <[EMAIL PROTECTED]> wrote: > > salud leandro; > cómo siempre, no se quien eres, no conozco tu cara ni donde vives. > lo más probable es que no te conozca en toda mi vida... > y sin embargo(cómo a otros tantos), te considero un amigo. > gracias por tu tiempo, por tu interés y por tu ayuda. > he estado investigando por mi cuenta y no encuentro una manera de hacerlo > funcionar en el navegador-engendro utilizando sólo css. > por ello, me tendré que conformar con la excelente solución que propones, > metiendo un poco de javascript. > > un saludo! > ___ > 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 > -- __ | | | Leandro Asrilevich| | Web & Multimedia Developer| | Movil: +54 (3442) 15-454793| | Tel: +54 (11) 4307-3085 | | | | Web: www.beastx.com.ar | | MSN: [EMAIL PROTECTED] | | Skype User: leandro.asrilevich | | | | Defensa 1805 PB "E" | | Capital Federal - Buenos Aires - Argentina | |_| ___ 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] css pop up
salud leandro; cómo siempre, no se quien eres, no conozco tu cara ni donde vives. lo más probable es que no te conozca en toda mi vida... y sin embargo(cómo a otros tantos), te considero un amigo. gracias por tu tiempo, por tu interés y por tu ayuda. he estado investigando por mi cuenta y no encuentro una manera de hacerlo funcionar en el navegador-engendro utilizando sólo css. por ello, me tendré que conformar con la excelente solución que propones, metiendo un poco de javascript. un saludo! ___ 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] css pop up
bueno aca va la solucion: en FF y el resto de los browsers (a IE digamos que ni se lo puede llamar browser), funciona perfecto el codigo siguiente (Probado en FF 1.5 y FF 2.0y Opera) #divContenedor { /* esto es para poder colocar la image como mas te guste con posicion absoluta, pero con respecto a su padre */ position:relative; } #imagen { position:absolute; top:0px; left:30px; z-index:9; float:left; border:0; display:none; } #textoLink { z-index:10; position:absolute; } #link:hover #imagen { text-align:center; display:block; } y el html seria: Texto del link Ahora bien, para IE este codigo no va por que IE no soporta el hover en el css, por lo que cambiamos un poco el codigo usando algo de js para solucionar eso... cambiando el tema de display:none o display:block de la imagen en ves de hacerla via CSS la haremos con un on mouseover en el link... #divContenedor { /* esto es para poder colocar la image como mas te guste con posicion absoluta, pero con respecto a su padre */ position:relative; } #imagen { position:absolute; top:0px; left:30px; z-index:9; float:left; border:0; display:none; /* el display none si lo dejamos para que inicialmente no se vea la imagen, despues es cuestion de javascript */ } #textoLink { z-index:10; position:absolute; } #link:hover #imagen { text-align:center; } y el html seria: Texto del link espero te sirva, cualquier cosa me avisas On 2/9/07, sn <[EMAIL PROTECTED]> wrote: > > salud; > rescato este post para que no caiga en el olvido. > a nadie se le ocurre ninguna solución? > no puede hacerse? > > no me lo creo. > ___ > 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 > -- __ | | | Leandro Asrilevich| | Web & Multimedia Developer| | Movil: +54 (3442) 15-454793| | Tel: +54 (11) 4307-3085 | | | | Web: www.beastx.com.ar | | MSN: [EMAIL PROTECTED] | | Skype User: leandro.asrilevich | | | | Defensa 1805 PB "E" | | Capital Federal - Buenos Aires - Argentina | |_| ___ 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] css pop up
salud; rescato este post para que no caiga en el olvido. a nadie se le ocurre ninguna solución? no puede hacerse? no me lo creo. ___ 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] css pop up
ahi, ahi. la comunicación se ha establecido satisfactorimanente. jiasjiasjias. ___ 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] css pop up
OK. Ahora si nos entendemos. El solapado es correcto y debe ser asi, lo que quieres es que el enlace no quede detrás, si no delante. Correcto? Un cordial saludo de SantosVZ -Mensaje original- De: sn [mailto:[EMAIL PROTECTED] Enviado el: Miércoles, 07 de Febrero de 2007 11:31 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] css pop up salud santos. ante todo reiterarte mi gratitud por tu tiempo e interés. de veras, gracias. si embargo, si que parece haber un problema en nuestra comunicación...jiasjias vamos a ver si lo aclaramos, que a veces me es difícil explicarme: el problema no es que se el pop up solape al enlace, de hecho eso es un requerimiento específico del desarrollo con el que tengo el dilema. es decir, tenemos el enlace, y al pasar el ratón sobre él, se hará visible el pop up justo sobre el propio enlace. eso está conseguido y no es un problema. lo que quiero es que el enlace siga apareciendo visible cuando emerja el pop up. es decir, al hacer el rollover aparecería la imagen debajo, justo detrás del enlace que lo activa. espero que ahora halla quedado claro y podáis hecharme un cable. un saludo. ___ 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
Re: [Ovillo] css pop up
salud santos. ante todo reiterarte mi gratitud por tu tiempo e interés. de veras, gracias. si embargo, si que parece haber un problema en nuestra comunicación...jiasjias vamos a ver si lo aclaramos, que a veces me es difícil explicarme: el problema no es que se el pop up solape al enlace, de hecho eso es un requerimiento específico del desarrollo con el que tengo el dilema. es decir, tenemos el enlace, y al pasar el ratón sobre él, se hará visible el pop up justo sobre el propio enlace. eso está conseguido y no es un problema. lo que quiero es que el enlace siga apareciendo visible cuando emerja el pop up. es decir, al hacer el rollover aparecería la imagen debajo, justo detrás del enlace que lo activa. espero que ahora halla quedado claro y podáis hecharme un cable. un saludo. ___ 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] css pop up
Pues vaya problema , estamos en lo mismo. Bueno, si no entendí mal el planteamiento que hacías era que al colocar el mouse sobre la imagen url(graphics/boton_prueba.gif se solapaba o montaba encima la imagen url(graphics/img_gistredo/jpg/1.jpg), asi lo entendí yo. Ayer por la noche me puse hacer un ejemplo con imágenes y me funciono correctamente tanto en IE como en FF y O. Cosa curiosa hoy por la mañana leo el correo, pruebo de nuevo el ejemplo que hice ayer y voilà solo funcionaba en FF y O pero no en IE. Te pongo un ejemplo para que me digas si interprete mal el tema. http://img180.imageshack.us/my.php?image=sngq2.swf Como no hacias comentari en relacion al texto en particular, no toque ese asunto que posiblemente se resuelva tal como dices con z-index. Un cordial saludo de SantosVZ -Mensaje original- De: sn [mailto:[EMAIL PROTECTED] Enviado el: Miércoles, 07 de Febrero de 2007 04:11 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] css pop up salud SantosVZ. agradezco el interés y la ayuda. pero tu mensaje no tiene sentido para mi. copias el cacho de código para el pop up que he puesto yo y me señalas que cambiando los valores top y left cambio la posición. bien, correcto, con position:absolute y modificando los valores top y left sacas a un objeto del flujo normal y lo posicionas a tu gusto. ahora la pregunta es: que tiene que ver eso con lo que planteo? es temprano y hay sueño, puede que se me esté escapando algo... un saludo. ___ 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
Re: [Ovillo] css pop up
para los de la lista sobra decirlo, pero obviamente, esto es un error: "jugando con la propiedad z-index lo he conseguido para explorer 6. pero no hay manera de ke funcione en firefox" corrección: jugando con la propiedad z-index lo he conseguido para firefox. pero no hay manera de ke funcione en explorer 6. ___ 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] css pop up
salud SantosVZ. agradezco el interés y la ayuda. pero tu mensaje no tiene sentido para mi. copias el cacho de código para el pop up que he puesto yo y me señalas que cambiando los valores top y left cambio la posición. bien, correcto, con position:absolute y modificando los valores top y left sacas a un objeto del flujo normal y lo posicionas a tu gusto. ahora la pregunta es: que tiene que ver eso con lo que planteo? es temprano y hay sueño, puede que se me esté escapando algo... un saludo. ___ 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] css pop up
a:hover#link1 .imagen { display:block; position:absolute; left:0px; /*cambia el valor a la posicion que quieras que aparezca*/ top:0px; /*cambia el valor a la posicion que quieras que aparezca*/ width:200px; height:200px; background:url(1.gif); } Un cordial saludo de SantosVZ -Mensaje original- De: sn [mailto:[EMAIL PROTECTED] Enviado el: Martes, 06 de Febrero de 2007 11:31 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] css pop up salud a la lista; el tema es el siguiente: tengo un enlace en forma de imagen(una de las técnicas de image replacement), el cuál, al hacer rollover hacer aparecer un pop up con otra imagen. la historia es que este pop up está posicionado directamente sobre el propio enlace(no preguntéis por qué) y al emerger, lo solapa, con lo cuál dejamos de ver el enlace que lo activa. bien pues lo que necesito es que éste siga permaneciendo visible. es decir, que el pop up se despliegue tras él. jugando con la propiedad z-index lo he conseguido para explorer 6. pero no hay manera de ke funcione en firefox espero haberme explicado bien. os adjunto el código: http://www.w3.org/TR/html4/loose.dtd";> x a .imagen { display:none; } #uno a{ position:relative; left:177px; top:25px; display:block; width:20px; height:20px; text-indent:-2000em; background:url(graphics/boton_prueba.gif); } a:hover#link1 { background:#000 url(graphics/boton_prueba.gif); } a:hover#link1 .imagen { display:block; position:absolute; left:0px; top:0px; width:200px; height:200px; background:url(graphics/img_gistredo/jpg/1.jpg); } 1 gracias. espero vuestras respuestas. un saludo. ___ 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