Imagen de fondo

kahlito · #1 (**permalink**) 25/05/2003, 13:07

Buenas estoy intentando meter una imagen de fondo en una página pero no logro el resultado adecuado.

¿Es posible hacerlo de varias maneras?, una con una capa y dejandola de fondo a la vez que le introduzco la imagen o foto, o otra manera con código o algo

Por ejemplo me gustaria meter una imagen de fondo como la de esta web:

http://www.satisfaxion.com

Un saludo

JavierB · #2 (**permalink**) 25/05/2003, 13:46

Hola, kahlito.

Si miras el código fuente de la página que has puesto de ejemplo verás que han puesto la imágen del fondo de la siguiente manera:

<body background="img/imagen-fondo.jpg"...

Es decir: tienen la imágen en un directorio llamado "img". Pon la tuya en el directorio que prefieras y llamala como te he puesto un poco más arriba.

Espero que "me se" haya entendido. Saludos,

kahlito · #3 (**permalink**) 25/05/2003, 13:56

Sinceramente no lo entiendo muy bien, ¿quieres decir que tengo que poner la imagen en un directorio determinado y despues escribir su ruta correspondiente?

Creo que eso es lo que hago siempre solo que la imagen me sale se repite en forma de Mosaico por toda la web.

lado2mx · #4 (**permalink**) 25/05/2003, 23:16

en ese casao, tienes dos opciones, o usar tablas con fondo del mismo color a la imagen, o una imagen que tenga de 800 pixeles de ancho (menos recomendable, ya que pesa mucho y se verá en mosaico en resoluciones de pantalla mas grandes.

Helbira · #5 (**permalink**) 26/05/2003, 01:36

El atributo background de la etiqueta <BODY> por defecto te repite la imagena lo largo de toda la pagina en modo mosaico.

Para evitarlo debes usar hojas de estilo.

Por ejemplo, el código correspondiente para poner el fondo centrado, sin que se repita y no se mueva al deesplazarse el scroll del navegador sería el siguiente:

Código PHP:

  <HTML>

<HEAD>

<TITLE></TITLE><style type="text/css">

<!--

body {

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-position: center center;

}

-->

</STYLE>

</HEAD>

 
<BODY background="ruta_de_tu_imagen/imagen_de_fondo.jpg">

 
...

 
</BODY>

Si quieres que no te aparezca centrada tan solo tienes que cambiar los parametros background-position:

Suerte

KarlanKas · #6 (**permalink**) 26/05/2003, 02:50

Veo que la habitante del averno se me ha adelantado... traslado la pregunta al foro de CSS

kahlito · #7 (**permalink**) 31/05/2003, 13:40

Pues la verdad es que por más que lo intento no logro conseguirlo

Creo que puede ser que de CSS no se casi nada

.

Por cierto en Dreamweaver me voy a Estilos CSS, luego a nuevo estilo, posteriormente crear estilo personalizado, luego en la definición de estilos me voy a fondo, y despues solo tengo que ajustarla, pero.......... nada, tambien lo intento con Usar selector CSS y demás pero siempre me sale la imagen arriba del todo ocupando todo el ancho y muy pequeña.

Un saludo

JavierB · #8 (**permalink**) 31/05/2003, 14:16

Hola de nuevo.

A mi me ha funcionado bien el código de Helbira (¿de verdad eres una habitante del averno? Eso da un poco de yu-yu

)

De todas formas si lo estás haciendo con Dreamweaver sería:

- Nuevo estilo
- Redefinir Etiqueta HTML
- En el select "Etiqueta" eliges "body"
- En la ventana que te aparece eliges "fondo" de la lista de la izquierda y en la parte de la derecha tienes todas las opciones necesarias (Imágen de fondo, repetir, Posición horizontal...)

Saludos,

kahlito · #9 (**permalink**) 31/05/2003, 14:31

Hombre ya era hora

, ahora si que me sale y como nó gracias a vosotros.

Gracias a todos por vuestra ayuda

y sobre todo a ti Javier B

Un saludo a todos

Bravenap · #10 (**permalink**) 02/06/2003, 04:15

Un simple comentario kahlito, la imagen de fondo de la página que pusiste de ejemplo (http://www.satisfaxion.com/) se repite como mosáico, o al menos eso es lo que me parece a mí, ¿no?

kahlito · #11 (**permalink**) 02/06/2003, 06:08

Pues ahora que lo dices, me parece que si, que se repite como mosaico, aunque la verdad no me habia fijado del todo.

De todas formas ya consegui hacerlo sin mosaico.

Bueno JavierB, un saludo y gracias de nuevo por tu ayuda, creo que como tu dices, lo importante es tener el Email del que sabe así que anotaré el tuyo

...... jajaja, que va hombre es broma, muchas gracias de nuevo.