Foros del Web » Creando para Internet » CSS »

duda con background

Estas en el tema de duda con background en el foro de CSS en Foros del Web. Hola compañeros, No se si es posible realizar esto con background-position , lo he intentado pero no he podido. Tengo una imagen de fondo "fondo.gif" ...
  #1 (permalink)  
Antiguo 31/05/2010, 05:11
 
Fecha de Ingreso: mayo-2008
Ubicación: Barcelona
Mensajes: 249
Antigüedad: 9 años, 7 meses
Puntos: 1
duda con background

Hola compañeros,

No se si es posible realizar esto con background-position , lo he intentado pero no he podido.

Tengo una imagen de fondo "fondo.gif" y quiero que mi background empieze en la posición 200px de la coordenada "y" y que se propague por toda la cordenada x. Hasta aquí no habría problema con:

Código:
background-position:0 200px;
background-repeat:repeat-x;
Lo que ya no se es como hacer que se propague por toda la coordenada x y tambien por toda la coordenada y a partir de estos 200px.

Es decir, quiero lograr 200px en la parte superior de mi web sin fondo y toda la resta de fondo con la repetición de la imagen "fondo.gif"


Gracias de antemano
  #2 (permalink)  
Antiguo 31/05/2010, 05:43
 
Fecha de Ingreso: mayo-2010
Mensajes: 27
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: duda con background

Si no he entendido mal quieres que en los primeros 200px de top en tu caja (div) no haya esa img de fondo y apartir de 200px si?

Si es asi es muy sencillo no te hace falta liarte con positions.

creas tu capa donde estará la img de fondo repetida tanto en 'x' como en 'y' (background:url(tuimagen.jpg) repeat;) y le añades un margin-top:200px;

Si lo que quieres es que haya contenido en la zona de los 200px de arriba create una capa con 200px de height y ahi metele el contenido que quieras... y luego en la de abajo empiezas con tu img de fondo repitiendose.

Saludos

Etiquetas: fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:33.