Comunidad de diseño web y desarrollo en internet online

mostrar imagen fuera de su div contenedor

Citar            
MensajeEscrito el 13 Ene 2012 03:43 pm
hola, quiero aparecer y desaparecer una imagen con un hover. si se pasa el mouse por un div en cierta parte de la pagina aparece una imagen, algo como la sgte estructura:

<div>
<a>
<div>
<img>//esta oculta

la imagen le he di el sgte estilo:

div a div img {

position:absolute;
top:2px;
left:2px;
display:none;
}

y luego le añadí el estilo para que aparezca cuando pasen el raton por el div:
div a:hover div img { display:block; }

en IE la imagen aparece dentro del div, con chrome y firefox la imagen reconoce el estilo top:2px, pero no el de left 2px. espero me puedan ayudar.salu2.

Por jhonatanAsm

26 de clabLevel



 

chrome
Citar            
MensajeEscrito el 13 Ene 2012 04:25 pm
con margenes negativos lo soluciono en chrome y firefox, pero en IE me sigue mostrando la imagen dentro de su div contenedor. ayudaaaa...

Por jhonatanAsm

26 de clabLevel



 

chrome
Citar            
MensajeEscrito el 13 Ene 2012 04:47 pm

jhonatanAsm escribió:

con margenes negativos lo soluciono en chrome y firefox, pero en IE me sigue mostrando la imagen dentro de su div contenedor. ayudaaaa...


Man muestra una imagen, cuelgala en l4C.me mostrando como queda tu web y agrega el código es mas fácil de entender.

Por Pochomon

9 de clabLevel



Genero:Masculino  

Muy al Sur - Lima - Perú

chrome
Citar            
MensajeEscrito el 13 Ene 2012 09:24 pm
Prueba haciendo al div reltivo (position:relative) y dinos si ten funciona

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 14 Ene 2012 01:41 am
ok, lo harè regresando, ahora estoy en una cita. jejeje.salu2.

Por jhonatanAsm

26 de clabLevel



 

chrome
Citar            
MensajeEscrito el 16 Ene 2012 01:51 am
poniendo position:relative, no funko.
ya logre sacarlo del div con margenes negativos, pero en IE 9 , ni con margen negativo,ni con position:absolute logro sacarlo de su div contenedor.ayudaaaaa.salu2.

Por jhonatanAsm

26 de clabLevel



 

chrome
Citar            
MensajeEscrito el 16 Ene 2012 04:27 am
¿Hay algún sitio donde podamos ver esto a ver qué es lo que pasa?

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 16 Ene 2012 08:42 pm
hola, en el sgte link de la pag. cuando pasan el mouse encima de una de las 3 columnas aparece su respectiva imagen en la posicion indicada.pero en IE 9 no me respeta la posicion.
extrañamente en IE 8 si respeta la posicion indicada.

el link

Código HTML :

<a href="http://silbido.lk6.com.ar/prueba/pag1.html">es este</a>


la imagen aparece debajo de la pagina.

Por jhonatanAsm

26 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Ene 2012 08:47 pm
y si lo haces con js?

le agregas un mouseover al div, y hace visible la imagen

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 16 Ene 2012 11:41 pm
claro que se podria hacerce con JS, pero si lo quiero hacer con css es para aprender. saber como puedo moverme con css.

en resumen: mostrar una imagen fuera de su div contenedor en IE 9.ayudaaaa!. salu2

Por jhonatanAsm

26 de clabLevel



 

chrome
Citar            
MensajeEscrito el 17 Ene 2012 04:19 am
ok, solo era sugerencia..

lo probé en ie8 y 9 y se ve bien... pon una imagen de como quieres que aparezca

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 17 Ene 2012 01:56 pm
qué :o , cómo :shock: , no lo puedo creer :? , pe,pe,pero... :oops: ,
ahora que lo he abierto se ve igual ( solo varia un poco en las medidas, pero es configurable ) en IE 9,chrome y firefox. No se qué ha pasado, mi ángel de la guarda tal vez xD.

hablando en serio les pido disculpas a todos, la verdad no sé que ha pasado. y efectivamente se ven igual como afirma nasho. Habrá sido un descuido mío seguro. espero me puedan disculpar :oops: :oops: . muchas gracias por su ayuda.salu2.

Por jhonatanAsm

26 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.