Foros del Web » Creando para Internet » CSS »

PNG sobre SWF en un DIV

Estas en el tema de PNG sobre SWF en un DIV en el foro de CSS en Foros del Web. Hola, tengo un flash sobre el que debo poner un PNG transparente para controlar los enlaces, actualmente tengo este codigo: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver ...
  #1 (permalink)  
Antiguo 08/09/2009, 23:25
Avatar de sjam7  
Fecha de Ingreso: diciembre-2001
Ubicación: Guadalajara, Mexico
Mensajes: 3.669
Antigüedad: 16 años
Puntos: 16
PNG sobre SWF en un DIV

Hola, tengo un flash sobre el que debo poner un PNG transparente para controlar los enlaces, actualmente tengo este codigo:

Código HTML:
Ver original
  1. <div style="width:300px; height:225px; float:left; padding-bottom:5px; margin-left:5px; border:1px solid #fff">
  2.                 <div id="anuncio">
  3.                 <!--Flash -->
  4.                 </div>
  5.                 <script type="text/javascript">
  6.                 var mymovie = new FlashObject("anuncios/a.swf", "anuncio", "300", "225", "7", "");
  7.                 mymovie.addParam("menu", "false");
  8.                 mymovie.addParam("wmode", "opaque");
  9.                 mymovie.write("anuncio<%=rsan("id")%>");
  10.                 </script>
  11.                 [B]<DIV STYLE="position:relative; top:-225px; width:300px; height:225px; z-index:4;"><A HREF="adminanun.asp" TARGET="_BLANK"><IMG SRC="images/blank.png" WIDTH="300" HEIGHT="225" BORDER="0"></A></DIV>[/B]
  12.                 </div>

Donde lo que esta en negritas es el DIV de la imagen, funciona bien, el problema es que este div queda cerca de la parte final de la pagina y me genera un espacio "transparente" como si el DIV estuviera abajo del DIV del flash, aunque realmente me lo esta poniendo encima...

pueden ver en www.ordenan.com.mx el problema es con el banner de la derecha, me genera un espacio hasta abajo de la pagina que queda en blanco, es decir, se hace mas alta la pagina de lo que deberia estar, ojala me puedan ayudar a resolverlo...gracias de antemano
  #2 (permalink)  
Antiguo 09/09/2009, 07:57
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: PNG sobre SWF en un DIV

el problema esta en q position:relative; te reserva el lugar, deberas de usar position:absolute;
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 09/09/2009, 09:26
Avatar de sjam7  
Fecha de Ingreso: diciembre-2001
Ubicación: Guadalajara, Mexico
Mensajes: 3.669
Antigüedad: 16 años
Puntos: 16
Respuesta: PNG sobre SWF en un DIV

hola, solo que si le pongo absolute me lo pone hasta arriba de la pagina...
  #4 (permalink)  
Antiguo 09/09/2009, 09:29
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: PNG sobre SWF en un DIV

Claro.
Porque su único referente es body.
Si quieres que su referente sea el div sobre el que lo colocas, mételo dentro de él y le asignas (a su contenedor) position: relative para que su punto 0,0 sea la esquina superior izquierda de él.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 09/09/2009, 09:42
Avatar de sjam7  
Fecha de Ingreso: diciembre-2001
Ubicación: Guadalajara, Mexico
Mensajes: 3.669
Antigüedad: 16 años
Puntos: 16
Respuesta: PNG sobre SWF en un DIV

algo asi?:

Código HTML:
Ver original
  1. <div id="contenedor" style="position:relative; height:100px">
  2.    <div id="contenido" style="position: absolute; height:-100px"></div>
  3. </div>
  #6 (permalink)  
Antiguo 09/09/2009, 09:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: PNG sobre SWF en un DIV

Mira a ver si el ejemplo de este tema te ayuda.

Donde está explicado y bien el tema de las posiciones es en la guia de migración de Mikmoro. (está en el encabezado de este foro de css, entre los temas marcados como importantes y permanentes)

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 09/09/2009, 10:03
Avatar de sjam7  
Fecha de Ingreso: diciembre-2001
Ubicación: Guadalajara, Mexico
Mensajes: 3.669
Antigüedad: 16 años
Puntos: 16
Respuesta: PNG sobre SWF en un DIV

okas, perfecto, ya quedo, muchas gracias por todo...suerte
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:48.