Volver al Foro de Diseño de páginas Web

Urgente ayuda con la imagen de fondo en CSS

  • ixtaba
  • Born
  • Born
  • Avatar de Usuario
  • Registrado: Jun 11, 2011
  • Mensajes: 3
  • Status: Offline

Nota Junio 11th, 2011, 8:11 pm

IM no muy buena, pero resumo, he tomado mucho tiempo enfermo, porque mi mente está llena creo que de muchas cosas, problemas, lamentablemente un mi afectó mucho estrés y es lo que me había vuelto enfermo, lamento decir mucho, pero no tengo mucha experiencia y tengo muy poco tiempo para terminarInsto final por diversas razones, es un diseño que Im hacer un sitio Web, entre varias cosas que me gustaría saber ahora es sobre cómo hacer una imagen de fondo al 100% del navegador, Ive Lee cosas sobre el tema y no intentar adaptarse a un archivo externo, además que no entiendo por qué utilizan ciertas cosas, como se puede ver necesito explicación como si se tratara de una chica o un adultThis mayores no es mi trabajo ni nada, mi escuela, nunca nos enseñó este tema y buena apreciación su asistencia
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Junio 11th, 2011, 8:11 pm

  • demonmaestro
  • Gold Member
  • Gold Member
  • Avatar de Usuario
  • Registrado: Jun 21, 2006
  • Mensajes: 485
  • Loc: Conroe, Texas
  • Status: Offline

Nota Junio 11th, 2011, 8:37 pm

Bienvenido al Foro. ¿por lo tanto de lo que entendido que desea una imagen para rellenar la pantalla sin importar el tamaño es correcta?
Thanks, Josh --DemonMaestro
www.LilNetwork.com
Fun Website www.ShoutsCloud.com
  • ixtaba
  • Born
  • Born
  • Avatar de Usuario
  • Registrado: Jun 11, 2011
  • Mensajes: 3
  • Status: Offline

Nota Junio 13th, 2011, 6:38 pm

Enlaces no están permitidos, pero encontré esta página

www. CSSplay. Co. UK /layouts /background. HTML

Sólo para vea el ejemplo

como el tiempo, independientemente del tamaño de su pagina imagen cubre toda la ventana del navegador, trató de adaptar el código en un archivo externo, aún no he probado con el código interno, y es que tengo muchas cosas y no quiero perder la ubicación, de cualquier manera no mi trabajo, también tengo en mi página un código que simula un menú con imágenes y marcos, todo en css
  • sherma
  • Silver Member
  • Silver Member
  • Avatar de Usuario
  • Registrado: Jun 13, 2011
  • Mensajes: 127
  • Status: Offline

Nota Junio 14th, 2011, 9:22 am

Hola, su un poco difícil saber exactamente cómo ayudar sin ver la página está trabajando con, pero lo intentaré. De sus puestos y la página de ejemplo proporcionado, asumirá que desee para la imagen de fondo:

1 - llenar todo el navegador de la vista.
¿2 - permanece estacionario cuando la persona se desplaza hacia abajo?

Dependiendo de qué otra cosa que va a incluir en la página puede hacer una diferencia, pero la página que has proporcionado como un ejemplo de esta forma:


Código: [ Select ]
<style type="text/css">

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:160px; z-index:10; color:#567; border:1px solid #000; padding:10px;}

</style>
  1. <style type="text/css">
  3. html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
  4. body {font-family:verdana, arial, sans-serif; font-size:76%;}
  5. #background{position:absolute; z-index:1; width:100%; height:100%;}
  6. #scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
  7. #content {padding:5px 300px 20px 200px;}
  8. p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
  9. #fixed {position:absolute; top:25px; left:10px; width:160px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
  11. </style>


Lo importante para recordar es que su imagen de fondo y el cuerpo se ajuste al 100% x 100%.
  • ixtaba
  • Born
  • Born
  • Avatar de Usuario
  • Registrado: Jun 11, 2011
  • Mensajes: 3
  • Status: Offline

Nota Junio 14th, 2011, 2:29 pm

sherma escribió:
Hola, su un poco difícil saber exactamente cómo ayudar sin ver la página está trabajando con, pero lo intentaré. De sus puestos y la página de ejemplo proporcionado, asumirá que desee para la imagen de fondo:

1 - llenar todo el navegador de la vista.
¿2 permanece estacionario cuando la persona se desplaza hacia abajo?

Dependiendo de qué otra cosa que va a incluir en la página puede hacer una diferencia, pero la página que has proporcionado como un ejemplo de esta forma:


Código: [ Select ]
<style type="text/css">

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:160px; z-index:10; color:#567; border:1px solid #000; padding:10px;}

</style>
  1. <style type="text/css">
  3. html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
  4. body {font-family:verdana, arial, sans-serif; font-size:76%;}
  5. #background{position:absolute; z-index:1; width:100%; height:100%;}
  6. #scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
  7. #content {padding:5px 300px 20px 200px;}
  8. p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
  9. #fixed {position:absolute; top:25px; left:10px; width:160px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
  11. </style>


Lo importante para recordar es que su imagen de fondo y el cuerpo se ajuste al 100% x 100%.


Básicamente se trata de la idea, estos foros que creo traducidos automáticamente y no que había establecido, si no se me entiende algo decirme que ponerlo correctamente en inglés, para ver que tan comprensible que pueda
  • sherma
  • Silver Member
  • Silver Member
  • Avatar de Usuario
  • Registrado: Jun 13, 2011
  • Mensajes: 127
  • Status: Offline

Nota Junio 14th, 2011, 9:25 pm

Probablemente esto ayudaría.

¿Si incluso podría registrar la parte del código tiene un problema con?

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 6 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 84 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC