como puedo poner 2 imagenes de fondo en mi webblog

blur · #1 (**permalink**) 23/08/2004, 03:21

Hola a todos . Soy nuevo en esto y no tengo mucha idea, pero quiero poner en mi blog, utilizando el css, una imagen de fondo fija a la derecha y otra a la izquierda , a modo de marco para la página, que no se muevan . Todo va bien cuando pongo una, pero cuando voy a poner la otra, no me la admite, y solo me deja que se vea una de ellas . No sé como hacer . Qué estoy haciendo mal¿?¿? Por que no me deja poner más de una imagen de fondo¿?¿? Gracias de antemano por contestar . Hasta Pronto .
Como se trata de la misma imagen, cómo puedo hacer que se repita dicha imagen sólo 2 veces, una en el extremo izdo y la otra en el extremo derecho de la pantalla¿?¿?¿ Por si asi es mas facil :Gracias .

kemie · #2 (**permalink**) 23/08/2004, 06:21

Desgraciadamente no se puede poner dos fondos en un mismo elemento, pero puedes intentar ponerlo en distintos, por ejemplo, uno en el body y otro en un div.

blur · #3 (**permalink**) 23/08/2004, 07:22

Muchas gracias y seria la misma formula que utilicé para el body para en div¿?¿?¿

blur · #4 (**permalink**) 23/08/2004, 07:32

background-image:
url("url de mi imagen");background-position: right;background-repeat:
no-repeat;
background-attachment:
fixed ;

Esto es lo que he puesto en el body para que me salga la imagen fija a la derecha de la pantalla .
Sólo tengo un div, en el post (post-div) lo he puesto ahi, pero el resultado no es el esperado

De todos modos, Muchas gracias

PascalC · #5 (**permalink**) 23/08/2004, 16:20

pon una imagen de fondo en la etiqueta body y la otra en la etiqueta html.

blur · #6 (**permalink**) 23/08/2004, 17:34

Muchas gracias pero no hay etiqueta html . He probado en casi todas pero queda fatal . Yo no sé si a lo mejor se le puede añadir una etiqueta como esa de html para que funcione, pero no sé cómo hacerlo, ni si se puede .

caricatos · #7 (**permalink**) 23/08/2004, 19:02

Hola a todos:

Interesante propuesta la de usar el tag html, pero lo probé en mozilla y en explorer y solo se ve uno...

Probé este código:

<html style="background: url(../miemoticon.gif) repeat-y;">
<body style="background: url(../miemoticon.gif) repeat-x;">
</body>
</html>

Y curiosamente un navegador muestra la fila horizontal y el otro la vertical.

Un sistema que funciona es el siguiente:

<html >
<body style="margin: 0px; background: url(../miemoticon.gif) repeat-x;">
<div style="width: 100%; height: 100%; background: url(../miemoticon.gif) repeat-y;">
</div>
</body>
</html>

En este caso la capa hace la función de body...

Saludos

PascalC · #8 (**permalink**) 24/08/2004, 02:07

claro, para mi solucion hat que poner un height:100% sobre el body :)

blur · #9 (**permalink**) 24/08/2004, 06:21

<html >
<body style="margin:0px; background-image: url(mi imagen);background-position:left;background-repeat:no-repeat;background-attachment:fixed ;">
<div style="width: 100%; height: 100%;background: url(mi imagen) right no-repeat fixed;">
</div

</body>
</html>

me aparece la de la izda y la de la derecha se me queda muy abajo o sea que solo la veo cuando hago scroll hacia abajo y no está fija .

blur · #10 (**permalink**) 24/08/2004, 07:48

<body style="margin:0px; background-image: url(http://img.photobucket.com/albums/v4...apiescruzi.jpg);background-position:right;background-repeat:no-repeat;background-attachment:fixed
;">
<div style="width: 100%;height: 100%; background: url(http://img.photobucket.com/albums/v4...apiescruzi.jpg) no-repeat fixed ;">

que hago mal para que la imagen de la izda no se me quede fija¿?¿

quinqui · #11 (**permalink**) 25/08/2004, 16:06

creo que para poder poner 2 imagenes de fondo en esos extremos de pantalla sólo puedes hacerlo ubicándolas dentro de una capa con width=100% (como img no como background, tal vez en una tabla width=100% de 2 columnas width=50% c/u, una con alineación a la izquierda y la otra a la derecha, y ambas alineación vertical superior), y para que se queden fijas al mover el scroll, el contenido tendría necesariamente que estar inserto en un iframe de pantalla completa de fondo transparente... no sé si resulte, habría que probar. :)

orochies · #12 (**permalink**) 25/08/2004, 16:37

Podrias provar con el posicionamiento fijo sobre unos DIV como tu lo requieras y alli le aplicas los fondos a cada elemento segun la imagen que deseas mostrar...

Para mas informacion checa este ejemplo>

http://www.sidar.org/recur/desdi/tra...ed-positioning