Dos fondo? Uno estático y otro repetitivo?

[Frankusky]

Hola! Estoy aprendiendo a usar Dreamweaver para crear webs, bueno, la cosa es que quería poner una imagen de fondo estática, y otra que se pusiera a los lados de este fondo estático, pero que se repita solo en 'x' pero no encuentro como poner dos fondos... Alguna idea?

Gracias de antemano!

PD: Estaba acostumbrado a usar notepad para crear webs, así que se pueden hacer una idea de la tecnología alienigena que es dreamweaver para mi... espero que me tengan algo de paciencia

[spitfiremax]

Notepad es por lejos mucho mas versatil que dreamweaver, mas liviano, y aprendes codigo limpio, no lo dejes.

Dos fondos con css3 es posible aca tenes data http://www.css3.info/preview/multiple-backgrounds/

Igualmente fijate si lo podes solucionar con divs en z-index. Si es solo a los lados, eso te puede funcionar.

[Frankusky]

Hola! Gracias por tu ayuda, pero no me esta saliendo como quisiera

Mi código quedo así:

body {    background-image: url(images/repeat.jpg), url(images/fond.jpg);
    background-position: left bottom, center top;
    background-repeat: repeat-x, no-repeat;
}

Siendo repeat.jpg = el fondo que quiero que se repita, y fond.jpg, el fondo estático...

Por alguna razón que desconosco, el fond.jpg se me pone en la izquierda (ni si quiera muestra la totalidad de la imagen, solo 3/4 de la imagen) y el repeat.jpg se me repite abajo del fond.jpg (me refiero, a que esta como que un 'enter' de por medio), en vez de debajo de él...

Que fue lo que paso?

Saludos

[spitfiremax]

En que navegador lo estas viendo ? Y sino podrias hacerlo todo con divs, y utilizar solo un background. ( lo demas lo pones por capas con z-index. )

[Frankusky]

Estaba usando chrome, pero ahora que dijiste eso, probé en firefox y el mismo resultado.

El problema es que la imagen es algo corta, y se ve mal repitiendose, entonces lo que hice fue hacer copiar una parte del extremo de la imagen, así, en caso de que se necesitara extender la página, solo se vería el extremo... :S

-Edit-
Estaba jugando con las propiedades, y noté que si le cambio de altura al imagen repetitivo, si se pone debajo, pero como ya no tienen la misma altura, se ve mal...

-Edit2-
He hecho un gran avance!

Ya repeat.jpg está en el fondo, repitiendose en 'x', ahora sucede que fond.jpg no está en el centro...

Este es el código que tengo ahora:

body {        background-image: url(images/fond2.jpg), url(images/repeat.jpg);
    background-repeat: no-repeat, repeat-x;
    background-position: center-top, left-bottom;
    }

Saludos!

[3lineas]

arma la imagen entera en photoshop d la dimension q kieras

[Frankusky]

arma la imagen entera en photoshop d la dimension q kieras

De hecho ya estaba armada entera, pero como dije:

El problema es que la imagen es algo corta, y se ve mal repitiendose, entonces lo que hice fue hacer copiar una parte del extremo de la imagen, así, en caso de que se necesitara extender la página, solo se vería el extremo... :S

[3lineas]

De hecho ya estaba armada entera, pero como dije:

y no entiendo q pasa, si hiciste q se repita bien cual es el problema? xq no nos pasas el link?

[Frankusky]

y no entiendo q pasa, si hiciste q se repita bien cual es el problema? xq no nos pasas el link?

El único problema que tengo ahora es que la imagen 'fond.jpg' no me aparece en el centro de la página, este es mi código hasta ahora:

body {        background-image: url(images/fond2.jpg), url(images/repeat.jpg);    background-repeat: no-repeat, repeat-x;    background-position: center-top, left-bottom;    }

[3lineas]

yo no trabajo desde codigos, la imagen la pusiste de fondo de tabla o fondo general?