Foros del Web » Creando para Internet » HTML »

paginas con div

Estas en el tema de paginas con div en el foro de HTML en Foros del Web. Hola, estoy en los primeros pasos con la creación de página web con div, mi pregunta es como hacer para que me aparezca la pagina ...
  #1 (permalink)  
Antiguo 11/11/2010, 09:37
 
Fecha de Ingreso: septiembre-2010
Mensajes: 14
Antigüedad: 14 años, 2 meses
Puntos: 0
Pregunta paginas con div

Hola, estoy en los primeros pasos con la creación de página web con div, mi pregunta es como hacer para que me aparezca la pagina principal de fondo y una pagina encima de esta pero trasparente, esta última puede tener desde una imagen como texto.. lo que no quiero que se pierda la imagen de la pagina principal, no se si me explico....


Saludos
  #2 (permalink)  
Antiguo 11/11/2010, 11:07
 
Fecha de Ingreso: diciembre-2008
Mensajes: 27
Antigüedad: 15 años, 11 meses
Puntos: 0
Respuesta: paginas con div

Mira , Lo que tienes que sabes mas es CSS, esto no se hace con HTML puro.

A tu pregunta. Lo primero debes hacer es crear 2 divs, uno para el que esta debajo y otro para el de encima.




Código HTML:
Ver original
  1. <div id="fondo">
  2.  
  3. </div>
  4.  
  5. <div id="encima">
  6.  
  7. </div>

En tu hoja de estilos CSS , agrega esto:

Código CSS:
Ver original
  1. #fondo{
  2. background: #900;
  3. border: 2px solid #dde;
  4. width: 900px;
  5. margin:auto;
  6. }
  7.  
  8. #encima{
  9. backgroud: #000;
  10. z-index: 100;
  11. position: absolute;
  12. top: 30px;
  13. left: 50pc;
  14. border: 2px solid #fff;
  15. width: 440px;
  16. height: 500px;
  17. opacity: 0.8;
  18.  
  19. }

Este es solo un sencillo , ejemplo. Si explicaras mas lo que queras hacer , te ayudaría mas, Bueno Recuerda lo mas importante es tu CSS, Con CSS , haces maravillas en tu página.
  #3 (permalink)  
Antiguo 11/11/2010, 11:18
Avatar de WingzemonX  
Fecha de Ingreso: noviembre-2010
Mensajes: 75
Antigüedad: 14 años
Puntos: 3
Respuesta: paginas con div

Creo que no entiendo bien la duda. ¿Con paginas te refieres a DIVS? ¿O te refieres a realmente poner una pagina como con un IFRAME? Creo que sería más fácil entenderlo con un ejemplo.

Lo que creo que buscas es que este la pagina, hagas clic en algo y te aparezca un div justo en el centro de la patalla, con una foto o una imagen, como en algunas galerias que haces clic en una imagen y te sale en grande al frente de la pantalla.

Nunca lo he intentado, pero creo que eso se puede hacer creando un DIV con el atributo css position:fixed, colocandola en el centro a tu conveniencia que permanezca escondido con visibility:hidden. Luego con Javascript, haces una función que te muestre el div cambiando el atributo a visibility:hidden, y si tienes un objeto tipo IMG en el div, tambien con Javascript puedes puedes cambiar el SRC y hacer que muestre la imagen que quieras. Lo que is no sé como se hace, es que deshabilitar la pagina principal para que no le puedas picar a nada más hasta que cierres el div de la foto.

Ahora, si me entendiste todos seremos felices, si no me entendiste ni papa lo que dije, es porque lo resumi demasiado o simplemente, además de HTML, debes de usar CSS y Javascript para manipular tu sitio. Como tu digo, nunca lo he intentado, asi que solo ando suponiendo como se hace.

Etiquetas: Ninguno
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 06:10.