Junio 22, 2018, 05:08:07 am

Autor Tema: Ayuda con capas  (Leído 1120 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


xx
Las Capas en HTML

Iniciado por shevchenko

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

Iniciado por Heent

1 Respuestas
1278 Vistas
Último mensaje ſeptiembre 16, 2011, 12:18:53 am
por .xAk.
question
Desarollo en Capas

Iniciado por angel_neo

1 Respuestas
6949 Vistas
Último mensaje Enero 11, 2018, 11:11:28 am
por peluya
question
Programacion por capas (dudas)

Iniciado por propio007

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

Iniciado por hari

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

Iniciado por Anonimo_7

5 Respuestas
2224 Vistas
Último mensaje Febrero 13, 2012, 12:55:25 pm
por JaAViEr
xx
Flash-004 Linea de Tiempo, Animaciones y Capas

Iniciado por lucasmoyano

1 Respuestas
1234 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
exclamation
La luna tiene finas capas de agua

Iniciado por ~Gean

0 Respuestas
1433 Vistas
Último mensaje ſeptiembre 28, 2009, 09:44:36 am
por ~Gean
question
Combinar las capas manteniendo los modos de fusión (Photoshop)

Iniciado por Apocalixsa

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