Junio 23, 2018, 11:54:48 am

Autor Tema: Ayuda con capas  (Leído 1121 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado maximilion360

  • Me das tu IP?
  • *
  • Mensajes: 33
    • Ver Perfil
Ayuda con capas
« en: Noviembre 22, 2012, 09:03:44 am »
Hola a todos, tengo el siguiente codigo

Código: You are not allowed to view links. Register or Login


<div class='objeto'>
</div>

<div class='ventana-flotante'>

  <a class='cerrar' href='javascript:void(0);' onclick='document.getElementById(&apos;ventana-flotante&apos;).className = &apos;oculto&apos;'>x</a>

    <div class='contenedor'>

     


</script>


 

    </div>

</div>



<style>
.objeto {
width:434px;
height:434px;
background:green;
position: absolute;

}

.ventana-flotante {
width: 250px;  /* Ancho de la ventana */
height: 250px;  /* Alto de la ventana */
background: blue ;  /* Color de fondo */
position: relative;



}
#ventana-flotante #contenedor {
padding: 0 px 10px 10px 10px;
}
.ventana-flotante .cerrar {
position: absolute;
top: 100px;
left: 50%;
float: right;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
color: #999;
background: red;
line-height: 17px;
text-decoration: none;
padding: 0px 14px;
font-family: Arial;
border-radius: 0 0 0 0px;

font-size: 18px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
}
#ventana-flotante .cerrar:hover {
background: #ff6868;
color: white;
text-decoration: none;
text-shadow: -1px -1px red;
border-bottom: 1px solid red;
border-left: 1px solid red;
}
#ventana-flotante #contenedor .contenido {
padding: 15px;
box-shadow: inset 1px 1px white;
background: green ;  /* Fondo del mensaje */

font-size: 20px;  /* Tamaño del texto del mensaje */
color: #555;  /* Color del texto del mensaje */
text-shadow: 1px 1px white;
margin: 0 auto;
border-radius: 4px;
}
.oculto {-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;opacity:0;-ms-opacity:0;-moz-opacity:0;z-index:-9999;}
</style>



Como pueden ver es una capa verde que encima tiene una capa azul, la capa azul tiene un boton para cerrar, podrian ayudarme con el boton de cerrar, no se el por que pero no me cierra la capa azul y necessitaria que la cerrase.

Gracias

Desconectado seth

  • El mas real
  • G#
  • **
  • Mensajes: 7936
  • Sexo: Masculino
    • Ver Perfil
Re:Ayuda con capas
« Respuesta #1 en: Diciembre 07, 2012, 04:26:12 pm »
Ese &apos; no se que es, supongo que son haber comillas dobles

No cerras los div pero cerras un script que nunca abrirste


El problema es que usas getElementById('ventana-flotante') pero no tenes ningun elemento con id=ventana-flotante


Ves links a xd-blog.com.ar que no andan? buscalos en You are not allowed to view links. Register or Login


question
Desarollo en Capas

Iniciado por angel_neo

1 Respuestas
6983 Vistas
Último mensaje Enero 11, 2018, 11:11:28 am
por peluya
xx
Las Capas en HTML

Iniciado por shevchenko

0 Respuestas
1502 Vistas
Último mensaje Mayo 22, 2009, 04:57:10 pm
por shevchenko
xx
Capas y tablas

Iniciado por Heent

1 Respuestas
1279 Vistas
Último mensaje ſeptiembre 16, 2011, 12:18:53 am
por .xAk.
question
Programacion por capas (dudas)

Iniciado por propio007

9 Respuestas
8660 Vistas
Último mensaje Enero 11, 2018, 11:15:12 am
por peluya
xx
duda de capas en dreamweaver

Iniciado por hari

3 Respuestas
1620 Vistas
Último mensaje Julio 23, 2007, 01:26:35 pm
por vart001
xx
Duda capas en pyqt

Iniciado por Anonimo_7

5 Respuestas
2225 Vistas
Último mensaje Febrero 13, 2012, 12:55:25 pm
por JaAViEr
exclamation
La luna tiene finas capas de agua

Iniciado por ~Gean

0 Respuestas
1434 Vistas
Último mensaje ſeptiembre 28, 2009, 09:44:36 am
por ~Gean
xx
Flash-004 Linea de Tiempo, Animaciones y Capas

Iniciado por lucasmoyano

1 Respuestas
1236 Vistas
Último mensaje Mayo 22, 2010, 06:22:55 am
por myguestp
xx
jQuery Masonry: encaja capas HTML

Iniciado por shevchenko

0 Respuestas
1363 Vistas
Último mensaje Junio 12, 2009, 06:37:14 pm
por shevchenko
question
Combinar las capas manteniendo los modos de fusión (Photoshop)

Iniciado por Apocalixsa

15 Respuestas
9341 Vistas
Último mensaje Febrero 20, 2011, 12:15:15 pm
por Apocalixsa