Foros del Web » Programando para Internet » Javascript »

Capa div No se muestra encima de Publicidad Adsense

Estas en el tema de Capa div No se muestra encima de Publicidad Adsense en el foro de Javascript en Foros del Web. Hola, el problema es que para el inicio de session de mis usuarios tengo una capa que se muestra cuando se da en un enlace, ...
  #1 (permalink)  
Antiguo 15/02/2011, 06:41
 
Fecha de Ingreso: noviembre-2008
Ubicación: Cochabamba Bolivia
Mensajes: 519
Antigüedad: 16 años
Puntos: 26
Capa div No se muestra encima de Publicidad Adsense

Hola, el problema es que para el inicio de session de mis usuarios tengo una capa que se muestra cuando se da en un enlace, pero en algunas paginas tengo justo donde deberia abrirse la capa un cuadro de Adsense, el cual siempre esta por encima de la capa, asi evitando que un usuario pueda iniciar session con facilidad, ya que esta capa no muestra el formulario de logueo.

Tambien me he dado cuenta que esto pasa de igual forma con los objetos flash.

Estuve viendo por ahi que poniendo unos parametros al flash si funciona con normalidad, pero en el caso del bloque de Adsense esto parece que no funciona ya que lo probado.

Por favor si alguien puede ayudarme con este problema. Les dejo los codigos:


Este es el codigo del javascript que hace que se abra la capa del div cuando se da en el enlace que se muestra mas abajo de script. (la capa se llama divform)
Código HTML:
<style> 
.divform{
position:absolute;
background: #1C1C1C ;
 
border-top:1px solid #000000 ;
border-left:1px solid #000000 ;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
 
 
-moz-box-shadow: 5px 5px 5px #000000;
-webkit-box-shadow:5px 5px 5px #000000;
  
margin: 40px 0px 0px 200px;
width:278px;
}
</style> 
<SCRIPT language=JavaScript> 
function abrirLogin(pid)
   {
      document.getElementById(pid).style.visibility = '';      
   }
function cerrarLogin(pid)
   {
      document.getElementById(pid).style.visibility = 'hidden';      
   }
</script> 
Y este es el enlace mas la capa que por defecto se no se muestra a menos que se haga click en iniciar session:
Código:
<table cellspacing='3' cellpadding='3' align="right"> 
<tr> 
<td valign="middle" align="right" background='http://music-strike.net/images/img05.gif' background-repeat='no-repeat' style="border-bottom: #7F7772 1px solid; border-left: #7F7772 1px solid; border-top: #7F7772 1px solid; border-right: #7F7772 1px solid"> 
<a href="http://music-strike.net/registro.php" title="Registrate Ahora En Music-strike"><img src="http://music-strike.net/images/icons/register_icon.png" width="30" height="20"></a><a href="http://music-strike.net/registro.php" title="Registrate Ahora En Music-strike">Registrate Ahora!</a> 
</td> 
<td valign="middle" align="center" background='http://music-strike.net/images/img05.gif' background-repeat='no-repeat' style="border-bottom: #7F7772 1px solid; border-left: #7F7772 1px solid; border-top: #7F7772 1px solid; border-right: #7F7772 1px solid"> 
<a href="javascript: abrirLogin('divform');" title="Iniciar Sesión En Music-strike"><img src="http://music-strike.net/images/icons/001_57.gif" width="30" height="20"></a><a href="javascript: abrirLogin('divform');" title="Iniciar Sesión En Music-strike">Iniciar Sesión</a> 
</td> 
</tr> 
</table> 
<div id="divform" class="divform" style='visibility:hidden'> 
<div align="right" style="padding-top:10px;margin-right:10px;" onclick="ocultar(this.parentNode)"> 
<a href="javascript: cerrarLogin('divform');"><img src="http://music-strike.net/images/icons/cerrar_capa.gif"></a></div> 
<table width="85%"cellspacing='1' cellpadding='5' bgcolor="#1C1C1C" align="center"> 
<tr> 
<td> 
<form name="Login" method="post" action="http://music-strike.net/entrar.php"> 
<input type="hidden" name="sublogin" value="1"> 
 <img src="http://music-strike.net/images/icons/001_57.gif" width="20" height="20"> <font color="white"><b>Usuario:</b></font> <br> 
  <input type="text" name="username" id="username" value="" size="30"> 
  <br> 
<img src="http://music-strike.net/images/icons/001_42.gif" width="20" height="20"> <font color="white"><b>Contraseña:<b></font> <br> 
  <input type="password" name="password" id="password" value="" size="30"> 
<br> 
</td> 
<tr> 
<td> 
<input name="entrar" style="width:200px" value="Entrar" title="Entrar" type="submit"> 
</form> 
</td> 
</tr> 
</table> 
<hr> 
<center> 
<a href="http://music-strike.net/usuarios.php?id=contrasena">¿Ha olvidado su contraseña?</a> 
<br> 
<b><a href="http://music-strike.net/registro.php">¿Eres Nuevo? Registrate!</a></b> 
<br> 
<br> 
</center> 
</div> 
</div>
como ya habia indicado antes, esta capa normalmente funciona de maravilla, ecepto cuando en el puesto donde tien que aparecer esta el bloque de adsense que tambien lo he metido en un div para que pueda agregar atributos, pero aun asi no se pudo.

gracias de antemano y saludos..
  #2 (permalink)  
Antiguo 15/02/2011, 09:30
 
Fecha de Ingreso: noviembre-2008
Ubicación: Cochabamba Bolivia
Mensajes: 519
Antigüedad: 16 años
Puntos: 26
Respuesta: Capa div No se muestra encima de Publicidad Adsense

jejje, ya lo solucione, para los que no saben se los dejo:

Simplemente en la hoja de estilos del div donde tienes el form agregale la etiqueta z_index: 1;
saludos..

Etiquetas: adsense, html, muestra, oculta, capas
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 05:11.