Cargar una imagen en 2º plano

[piskui]

Hola, estoy desarrollando una cabecera para una página web en ASP y el tema es que la cabecera tiene un diseño, el cual tiene unas 'líneas' y detrás de esas líneas quisiera que apareciese una imagen cargada por el usuario desde el administrador, hacer eso mas o menos tengo idea de como hacerlo. El tema es como conseguir que esa imagen aparezca en el fondo, detras de las 'líneas'. Alguna sugerencia? o ayuda o ejemplo, tutorial en internet? gracias.

[JuanRAPerez]

pues creo que esto no es ASP e mas CSS

quizas si te remiten a ese foro seria mejor

busca sobre CSS capas (DIV)

suerte

[piskui]

ok gracias, pensaba qe sería asp porque la cabecera que estoy haciendo es una página asp.

[piskui]

algun ejemplo¿? no consigo cargarlo en 2 capas con div, me sale uno arriba y otro abajo, y yo quiero en el mismo sitio, uno encima del otro en la misma posicion.

[America|UNK]

Hace un momento hubo un tema igual http://www.forosdelweb.com/f53/posicion-divs-619634/

[piskui]

ok gracias mirare a ver si me sirve

[piskui]

me sirvió perfecto, pero ahora tengo un inconveniente....la imagen superior debe tener el fondo trasparente para que en los trozos vacios se muestre la imagen de abajo. La imagen superior la edite con photoshop y la puse fondo trasparente y guarde en formato PNG. El caso es que al cargar la página la imagen superior sale con fondo y tapa a la imagen de abajo, como podría solucionarlo? graciaS!

[piskui]

nadie me dice como puedo meter fondo trasparente a la imagen??? x favor!

[America|UNK]

Ese es el problema común de IE 6, no puede mostrar la transparencia de las imágenes PNG, aquí puede haber soluciones
http://www.cristalab.com/tips/21618/...-explorer.html

[piskui]

no sé porque pero con ese método no lo conseguí, lo solucione cambiando la imagen a formato GIF y entonces si aparece fondo trasparente.

tengo una nueva duda....para las capas debo trabajar con posiciones absolutas o relativas? es que he leido que es mejor trabajar con posicions absolutas, pero eso funcionaria bien si cambiamos la resolucion? me refiero si otra persona accede a mi página y no tiene mi resolucion de pantalla veria cada capa 'en su sitio'????
gracias por vuestra ayuda.

[America|UNK]

El absoluto abajo del relative, si no le das una capa padre al absolute, el top:0px te lo mostrará en toda la página, por eso te digo que muestre el absolute bajo una capa relative.
El problema de resolución va depender de las medidas. no de la posición aun asi te recomiendo poner la capa relative en margin:auto

[piskui]

Hola si pongo la primera capa en absolute y la siguiente en relative como tu me comentas, la que debe aparecer encima no me aparece, debo poner las 2 en absolute para ver la superior.
Con este codigo no aparece:

<div style="position:absolute; left:620px; top:20px; z-index:0;"><span style="font-size:8"><%=dameDocumento(11)%></span></div><div style="position:relative; margin:auto; top:100; left:630;"><img src="<%=URLRaiz%>images/imagen1.gif" border="0" alt=""></div>

sin embargo si lo pongo asi, funciona, se ve la imagen1.gif con fondo trasparente sobre la iamgen devuelta por damedocumento:

<div style="position:absolute; left:620px; top:20px; z-index:0;"><span style="font-size:8"><%=dameDocumento(11)%></span></div><div style="position:absolute; top:100; left:630;"><img src="<%=URLRaiz%>images/imagen1.gif" border="0" alt=""></div>

habria algun problema por tener las dos imagenes en absolute??? gracias por la ayuda compañero.

[piskui]

nadie lo sabe?

[punketo17]

guarda la imagen en gif

[piskui]

la imagen esta guardada en gif. el tema es por que cuando pongo la imagen en relative no aparece!

[Mikmoro]

Iniciado por piskui

habria algun problema por tener las dos imagenes en absolute??? gracias por la ayuda compañero.

Ningún problema por poner dos cajas en posición absoluta.

No conozco tu diseño y por tanto no sé si esto tendrá algo que ver pero por si acaso te comento: los desplazamientos (left, top, right y bottom), con posición absoluta funcionan con respecto a la caja padre (que tenga posición absoluta o relativa, si no, con resperto al body), y los que tiene posición relativa, con respecto a su propia posición. Por ejemplo, una caja relativa con un left 630px, serían 630px de desplazamiento izquierdo con respecto a su posición actual, y si estuviera por ejemplo dentro de otra caja que ya estaba en la parte derecha de la web, desaparecería.

No sé si te servirá de algo.