Duda sobre como hacer este efecto para un fondo

[darkmaurus]

Buenas a todos!

He visto muchos sitios web donde sus fondos tienen una pequeña foto que se expande, a lo mucho es una foto de 1x100px y se repite. Me gustaría aplicar ese efecto en cualquier lugar de la página que estoy diseñando, incluso en el footer , he buscado material pero nada que dé resultado, les agradecería mucho para quiénes sepan me muestren cómo se hace.

En este enlace se ve un div contenedor que está marcado con líneas rojas, y a los lados se ve el efecto al que me refiero, se ve como una franja grande que abarca todo el ancho de la pantalla:

http://img832.imageshack.us/img832/3246/fondoindex.png

Saludos cordiales,
De antemano, muchas gracias.

[caricatos]

Hola:

Una imagen de i pixel por lo que sea se puede repetir tanto de forma horizontal (repeat-x) como vertical y puede posicionarse donde se quiera.

Saludos

[IsaBelM]

aquí puedes ver un tutorial sobre lo que te explica caricatos

[darkmaurus]

Iniciado por IsaBelM

[URL="http://www.w3schools.com/cssref/pr_background-repeat.asp"]aquí puedes ver un tutorial[/URL] sobre lo que te explica caricatos

excelente, muchas gracias! ahora entiendo un poco más cómo funciona. Pero, se puede repetir 2 imágenes en el mismo background con distinta posición?

[oNefl0w189]

Que yo sepa No, no se pueden repetir dos imagenes en el mismo background con distinta posicion... a no ser que lo separes por zonas (ya sea con divs, tablas, o cualquier manera) y le establezcas diferentes backgrounds...

No puedes superponer una imagen sobre otra y encima en una misma etiqueta background..

Si lo que intentas es hacer un fondo rayado y quieres que media pagina lleve las rayas hacia este lado //////// y la otra mitad de la pagina hacia este \\\\\\\ crea dos imagenes, parte la pagina en 2 y establece un fondo a cada parte.

Y si lo que quieres son lineas hacia los dos lados, crea directamente una imagen que las lineas sean XXXX hacia los dos lados y así no tendras que mezclar imagenes.


EDIT: Para el ejemplo como el de la foto que tu enseñas, con 3 Divs, y un fondo diferente en cada Div se puede hacer..

[Luismaster2000]

Iniciado por darkmaurus

excelente, muchas gracias! ahora entiendo un poco más cómo funciona. Pero, se puede repetir 2 imágenes en el mismo background con distinta posición?

no se pueden poner dos imagenes en el mismo backgrond pero lo que puede hacer es usar photoshop o corel o el programa de diseño de tu preferencia y poner las dos imagenes y darles la distancia que quieres y de esa forma hacer las dos imagenes en una sola

[snowmanchip]

Disculpen mi intromisión pero si se pueden poner múltiples imágenes en un background sin el uso de múltiples divs gracias a cs3...más fácil aún estructurando con html5, les dejo un sitio que tiene su footer hecho con un background con distintas imágenes..saludos
http://teixido.co/

Código:

footer			{ width:1200px; height:207px;  margin-top:40px;
			background: url("footer_right_s.jpg"/*tpa=http://www.teixido.co/gfx/backs/footer_right_s.jpg*/) no-repeat scroll right top, url("footer_left_s.jpg"/*tpa=http://www.teixido.co/gfx/backs/footer_left_s.jpg*/) no-repeat scroll left top, 
			url("footer_bg_s.jpg"/*tpa=http://www.teixido.co/gfx/backs/footer_bg_s.jpg*/) repeat scroll right top transparent;
			line-height: 140%;
			}

[IsaBelM]

como dice snowmanchip, sí se puede. puedes inserta 1,2,3,n el único inconveniente es que es css3