imagen de fondo

Helheim · #1 (**permalink**) 13/07/2004, 18:04

Como puedo poner una imagen de fondo fija y q no se repita?

Animanganime · #2 (**permalink**) 13/07/2004, 19:11

Holas, hay una manera muy sencilla y es en la etiqueta body indicas la propiedad bgproperties.

<body bgproperties="fixed" background="imagen.jpg">

Así solamente se incluirá la imagen una vez y el fondo no se repetirá.

Saludos!!

PabloHdS · #3 (**permalink**) 13/07/2004, 19:52

Animanganime, te comento que copie ese codigo en una pagina y no funciono, la imagen de fondo se repite.

Saludos

Helheim · #4 (**permalink**) 14/07/2004, 04:02

La imagen queda fija pero si q se repite

Barba · #5 (**permalink**) 14/07/2004, 04:38

Otra opción es ponerla dentro de una celda como fondo de celda o como marca de agua si no quieres poner una celda.

caricatos · #6 (**permalink**) 14/07/2004, 04:38

Hola Helheim:

Mejor que con atributos es con estilos:
<style>
body {
background: url(imagen.gif) no-repeat center center fixed;
}

No recuerdo si es lo correcto, pero en las FAQs de css se puede ver...

Con estilos, background se puede desglosar en background-image, background-repeat, background-position, background-attachment y background-color (no sé si me olvidé de algo...

)

Saludos

KarlanKas · #7 (**permalink**) 14/07/2004, 04:43

Vámonos a CSS!

Daphne · #8 (**permalink**) 14/07/2004, 18:05

Si alguien me puede decir cómo se hace para que el fondo no se repita con Mozilla, saciaría bastante mi curiosidad.

El enlace de Tierra de Nómadas es muy instructivo, pero ¿qué pasa cuando no puedes recurrir a CSS externo? Por ejemplo, si eres usuario de Blogger y careces de un sitio fiable donde hospedar tu hoja de estilos.

KarlanKas · #9 (**permalink**) 15/07/2004, 00:19

Prueba con esto:

Código HTML:

<html>
<head>
<style>
body{
	background-image: url(http://www.karlankas.net/chufa2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
</style>
	<title></title>
</head>

<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>







</body>
</html>

Daphne · #10 (**permalink**) 15/07/2004, 00:31

Nada, se me repite igual. Yo es que ya no sé qué hacer. Pero bueno, es algo que tampoco tiene mucha importancia, que es un blog, no la web de un Ministerio.

Gracias de todos modos. :)

KarlanKas · #11 (**permalink**) 15/07/2004, 00:35

No lo entiendo, lo he probado con Mozilla 1.8 y no se repite. ¿Qué versión tienes?

Daphne · #12 (**permalink**) 15/07/2004, 01:03

1.7

Pero no importa, de verdad. Ahora hay otras cosas que me traen más de cabeza (sin comparación), como resolver el problema de la diferencia en el posicionamiento de capas en Mozilla y Explorer. :( ---> Estoy muy agobiada.

seoista · #13 (**permalink**) 15/07/2004, 05:15

Mirar este LINK

O para que no se mueva al desplazar el scrollbar

Código:

<style type="text/css">
<!--
body { background-image: url(imagen.jpg); background-repeat: no-repeat; background-position: center center}
-->
</style>

Saludos

Daphne · #14 (**permalink**) 15/07/2004, 07:54

Sí, sí. Lo había lo había revisado un rato antes de que pusieras el enlace. ¡Funcionó! :)