Fondo

natig · #1 (**permalink**) 05/04/2007, 07:48

Hola!!

Amos a ver, estoy intentando hacer una cosilla que he visto en webs varias pero no lo consigo. Yo he visto, que en muchas web, ponen como fondo una imagen, y esa imagen, se va ajustando al tamaño de la ventana. Yo he subido mi imagen a internet, con esta dirección: h t t p:// 3w.midominio.es/ img/ imagen.jpg, hasta ahí, estupendo, meto la dirección y sale mi imagen, además, si yo hago la ventana más pequeña, la imagen también se hace más pequeña. El problema está en que yo he puesto esta dirección en el background-image: url(....), abro la página que tiene ese fondo, se ve el fondo, pero no se ajusta al tamaño de la ventana, vamos, que si pongo la ventana con un tamaño más pequeño del que tiene la imagen del fondo, pos solo se ve un trozo.

Si alguien pudiera decirme qué es lo que tengo que hacer...se lo agradecería.

Un besito, xauuu.

caricatos · #2 (**permalink**) 05/04/2007, 07:52

Hola:

Si pones esa imagen con un width y un height al 100%, con posición absoluta 0,0 (cuestión de estilos)

Saludos

McBlink · #3 (**permalink**) 05/04/2007, 07:57

Buenos Dias Natig
haber si entiendo.. a que es lo que le quierees poner como fondo una imagen.. a la pagina en sí o a una tabla o algo por el estilo..???
porque si dices que te funciona.. porque no lo hacer como mencionas al inicio del post??

quizas no entienda bien lo que quieras.. si puedes explicarmelo mejor.. :D =)

saludos!!
MC

juaniquillo · #4 (**permalink**) 05/04/2007, 08:43

Yo tampoco he entendido muy bien. Puedes poner una página de ejemplo de lo que quieres hacer.

natig · #5 (**permalink**) 05/04/2007, 09:01

A ver, en esta página web: 3w.cameronmoll. com he visto que tienen una imagen como fondo, si tú haces más pequeña la ventana que te visualiza la página, esa imagen de fondo se va haciendo más pequeña. Esto es lo que yo quiero hacer, es el fondo de todo el sitio web. Yo me he fijado, que en esa web, lo que han hecho es subir la imagen a internet con esta dirección: h t t p:// cameronmoll.com / img/ pagebg.gif y en el background-image han puesto esta dirección. Yo he intentado hacer lo mismo, he subido mi imagen a internet con esta dirección: h t t p:// 3w.archimadrid.es/ juanypablo/ img/ fondo-sig.jpg, si entráis ahí, veis mi imagen y efectivamente, al hacer más pequeña la ventana la imagen también se hace pequeña. Entonces, en la declaración de estilos, en {body} he puesto background-image: url (h t t p:// 3w.archimadrid.es/ juanypablo/ img/ fondo-sig.jpg). Cuando yo visualizo mi página con ese fondo en internet, se ve la imagen que yo le he indicado, pero no ocurre lo que ocurría en la web de cameronmoll, es decir, que al empequeñecer la ventana también se empequeñezca la imagen.

Espero que me hayáis entendido.

Gracias!!

JavierB · #6 (**permalink**) 05/04/2007, 09:08

Hola natig

¿Te refieres a algo así...?

http://www.cssplay.co.uk/layouts/background.html

Saludos,

juaniquillo · #7 (**permalink**) 05/04/2007, 20:10

ahora entiendo. bueno, el caso que muestras la imagen no se hace ni mas pequeña ni mas grande sino que es un patrón que se repite, en este caso, verticalmente (por lo que vi), esta imagen para ser preciso:

Código:

http://3w.cameronmoll.com//img/pagebg.gif

No se debe, por lo general, cambiar el tamaño de imanes ya que son 'pixel based'. En el caso de pone JavierB la imagen genuinamente se hace mas grande o mas pequeña con ayuda de CSS, pero nota la gran distorsión si te sales de proporción.

natig · #8 (**permalink**) 06/04/2007, 06:52

Lo que dice JavierB lo he entendido, pero no me convence. Sin embargo, lo que dice Juaniquillo: "el caso que muestras la imagen no se hace ni mas pequeña ni mas grande sino que es un patrón que se repite, en este caso,verticalmente", no lo entiendo. El patrón que tú dices que se repite es una imagen de 1500px, más o menos, de ancho...si pones esa imagen de fondo y no se hace ni más pequeña ni más grande no se podría ver entera, ¿no?

De todas formas, si me has entendido, dime lo que tengo que hacer, ya has visto que mi imagen es prácticamente igual que la de cameronmoll.com.

Muchas gracias, cnt!!!

juaniquillo · #9 (**permalink**) 06/04/2007, 14:25

Lo que pasa es que ese patron se repite solo verticalmente (de arriba a abajo) solamente, y, ademas, esta anclado al centro del documento, osea, no al tope-izquierda como es el defecto. Tienes mucho control con las imágenes de fondo con CSS. Esta es la parte del la hoja de estilo que logra lo que ves:

Código:

body {background: #E9E9E9 url(/img/pagebg.gif) repeat-y 50% 0; background-attachment: fixed; margin: 0; padding: 0;}

Si pasas por el foro de CSS te podrían ayudar mejor que yo...
saludos.