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
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)
style
#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;
}
/style
y el html seria:
div id=divContenedor
a href=# id=link
span id=textoLinkTexto del link/span
img id=imagen src=pencil.png width=16 height=16 /
/a
/div
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...
style
#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;
}
/style
y el html seria:
div id=divContenedor
a href=# id=link
onmouseover=document.getElementById('imagen').style.display='block';
onmouseout=document.getElementById('imagen').style.display='none';
span id=textoLinkTexto del link/span
img id=imagen src=pencil.png width=16 height=16 /
/a
/div
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 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
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
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
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
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
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
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
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
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:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
HTML lang=es
HEAD
TITLEx/TITLE
STYLE
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);
}
/STYLE
/HEAD
BODY
span id=enlaces_zonas
span id=unoa id=link1 href=enlace_1.htmdiv
class=imagen/div1/a/span
/span
/BODY
/HTML
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
