Vandal

Duda con Dreamweaver: fondo fijo

FreddyKrueger
ソリッドシアター
Lugar: Twin Peaks · 21106 mensajes · Colección
PlayStation NetworkBlogEnviar mensajeAgregar amigoVer relación
#1  Enviado: 01:26 07/09/2011

Hola amigos,

estoy intentando fijar el fondo de una imágen para una página web utilizando Dreamweaver MX. Es decir, que se mueva unicamente el contenido de la web al utilizar el scroll.

¿Sabéis la solución? He estado buscando por Internet y no me sirve lo que he leido.

¡Gracias!
the gum that you like is going to come back in style
peruhn
Roughnecks
Lugar: Mi casa · 4855 mensajes · Colección
Enviar mensajeAgregar amigoVer relación
#2  Enviado: 00:11 08/09/2011

Y yo sin el DW instalado... para probarlo.

Has mirado en todo DW?

http://www.todo-dreamweaver.com/tutorial-dreamweaver/basicos/poner-imagen-fondo-dreamweaver.html
http://xivreborn.com/gen/Shiryu_Rozan_Masamune_Classes.jpg
Masacre
Lugar: Mallorca · 5966 mensajes · Colección
Nintendo NetworkCódigo SwitchPlayStation NetworkXbox LiveBlogEnviar mensajeAgregar amigoVer relación
#3  Enviado: 09:37 08/09/2011

Yo es que diseño con un bloc de notas básico, hace años que dejé el dreamweaver.

Haría algo así:

<style>
#fondo{
 width: 700px; /* ancho de la imagen de fondo */
 height: 300px; /* alto de la imagen de fondo */
 background-image:url('loquesea.jpg');
 background-repeat:none;
}
</style>

<div id="fondo">
 <p>texto infinito</p>
</div>

Pruébalo y me dices Guiño
negative
mancheguian surfer
Lugar: Surrealtopia · 12947 mensajes · Colección
Código SwitchTwitterEnviar mensajeAgregar amigoVer relación
#4  Enviado: 11:04 08/09/2011

En las Css de donde vaya la imagen, pones la propiedad:

"background: fixed;"

y ya lo tenés.
Todos somos gilipollas a veces, la gracia está en serlo el menor tiempo posible.
FreddyKrueger
ソリッドシアター
Lugar: Twin Peaks · 21106 mensajes · Colección
PlayStation NetworkBlogEnviar mensajeAgregar amigoVer relación
#5  Enviado: 14:18 08/09/2011

Pues nada, chicos, no me funciona. ¿Quizá sea cosa del navegador, de Firefox 6.2?
the gum that you like is going to come back in style
Masacre
Lugar: Mallorca · 5966 mensajes · Colección
Nintendo NetworkCódigo SwitchPlayStation NetworkXbox LiveBlogEnviar mensajeAgregar amigoVer relación
#6  Enviado: 14:21 08/09/2011

Pasate el codigo por aquí para echarle una ojeada Guiño
FreddyKrueger
ソリッドシアター
Lugar: Twin Peaks · 21106 mensajes · Colección
PlayStation NetworkBlogEnviar mensajeAgregar amigoVer relación
#7  Enviado: 14:25 08/09/2011

Vamos a ver...

<style type="text/css">
body {
<body style="background-image:url(Web/fondo1.jpg); background: fixed; background-attachment: fixed; background-position: top center; background-repeat: no-repeat;">
background-image: url(Web/fondo1.jpg);
background-image: url(Web/fondo1.jpg);
background-repeat: repeat;
text-align: center;
color: #FFF;
}
the gum that you like is going to come back in style
Masacre
Lugar: Mallorca · 5966 mensajes · Colección
Nintendo NetworkCódigo SwitchPlayStation NetworkXbox LiveBlogEnviar mensajeAgregar amigoVer relación
#8  Enviado: 14:34 08/09/2011

Claro lo que pasa es que está mal escrito.
Dentro de una etiqueta <style> solo puede haber CSS, y ahi hay html (<body style....)

Prueba así:

<style type="text/css">
body {
background: fixed;
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
background-image: url(Web/fondo1.jpg);
text-align: center;
color: #FFF;
}
</style>

Si no te sale, prueba este ejemplo:
http://www.w3schools.com/cssref/pr_background-attachment.asp
FreddyKrueger
ソリッドシアター
Lugar: Twin Peaks · 21106 mensajes · Colección
PlayStation NetworkBlogEnviar mensajeAgregar amigoVer relación
#9  Enviado: 18:16 08/09/2011

Me ha funcionado a la perfección. ¡Muchísimas gracias!
the gum that you like is going to come back in style
Masacre
Lugar: Mallorca · 5966 mensajes · Colección
Nintendo NetworkCódigo SwitchPlayStation NetworkXbox LiveBlogEnviar mensajeAgregar amigoVer relación
#10  Enviado: 19:02 08/09/2011

De nada hombre, suerte con tu página
negative
mancheguian surfer
Lugar: Surrealtopia · 12947 mensajes · Colección
Código SwitchTwitterEnviar mensajeAgregar amigoVer relación
#11  Enviado: 21:54 09/09/2011

Por ceirto, precisamente en webdesignerdepot (probablemente el mejor blog sobre diseño web) esta semana han hecho un artículo muy majo sobre el tema que nos ocupa:

Artículo sobre la posición fixed
Todos somos gilipollas a veces, la gracia está en serlo el menor tiempo posible.
Este tema está inactivo y no se puede replicar más.
Buscar en el foro: En foro: Tipo:
Foro de Vandal
>
Flecha subir