mt_stephanie escribió:Hola !!!! entiendo cuál es tu duda, yo también me apunto a que nos ayuden para saber qué códigos incertar para que la imagen ocupe toda la pantalla del ordenador, porque solo me permite centrarla y queda espacio en los alrededores.
Muchas gracias !!!
Stéphanie
Hola:
Trataré de explicar muy por encima porque hay muchas formas y variantes, ya que depende de como uno esté diseñando la página y los códigos que se estén utilizando, por eso por el momento explicaré un poco la diferencia de insertar una imagen en la página html o poner una imagen de fondo, (ya que la imagen de fondo se pone desde la hoja de estilo).
Dependiendo de lo que se desee uno pude poner una imagen en la página directamente o dentro de una capa en que esta capa ya tenga una posición, también se puede poner una imagen dentro de un párrafo y que el párrafo la rodee por un costado y por abajo, por ejemplo:
Si yo quiero poner una imagen en la capa contenido, y quiero que esa imagen esté a la izquierda, y que por la derecha y por abajo le rodee el texto que escriba, pondré en la capa contenido lo siguiente:
<div id="contenido">
[contenido no disponible] La tierra en que vivimos es un bello planeta rodeado de aire</p></div>
He puesto una imagen dentro de un párrafo, pero le he dicho con ese align="left", que la imagen se ponga a la izquierda y que el párrafo esté a su derecha.
Ahora en lo referente a la imagen de fondo, se suele utilizar una imagen pequeña para que con el código correspondiente se pueda repetir por todo el body (pantalla), se suele utilizar una imagen uniforme para que no haya demasiado contraste, pero si queremos utilizar una imagen que por ejemplo sea como una foto, entonces habrá que poner una imagen del tamaño de la pantalla y utilizar el código que corresponde para que esta imagen siempre esté fija, y lo que se desplace sea, por decirlo así, la capa global con todo lo que haya dentro , como por ejemplo la propiedad Overflow y:
para que la propiedad Overflow funcione bien, hay que definir las siguientes propiedades:
Background
Width
Height
Overflow
Visible (opciona)
Hidden (opcional)
Auto (opcional)
Inherit (opcional)
Ejemplo:
<html>
<head>
<style type="text/css">
div {background: white; width:200px; height:100px; overflow: scroll}
</style>
</head>
<body>
Esta propiedad hace que la capa en que está definido el overflow scoll se desplaze mostrándo barras de desplazamientos.</p>
</body>
</html>
Otros foristas añadirán mas explicaciones.
Saludos
