Foros del Web » Creando para Internet » HTML »

capas superpuestas...

Estas en el tema de capas superpuestas... en el foro de HTML en Foros del Web. hola chicos, no sé si se puede pero quiero hacer un menú, pongamos con dos opciones para simplificar y he colcado dos links q hacen ...
  #1 (permalink)  
Antiguo 16/09/2005, 02:19
Avatar de humanista  
Fecha de Ingreso: abril-2005
Mensajes: 876
Antigüedad: 12 años, 8 meses
Puntos: 15
capas superpuestas...

hola chicos, no sé si se puede pero quiero hacer un menú, pongamos con dos opciones para simplificar y he colcado dos links q hacen onmouseover a dos capas.

el problema es q me salen una debajo de la otra.

no quiero utilizar position absolute pq depende de la resolución se me va más abajo o más arriba, por lo q la capas están en una tabla con position relative.

se puede superponer las capas con position relative de tal forma que cuando paso el ratón por el primer vínculo me aparezca la capa1 y cuando lo paso por el segundo desaparezca capa1, y aparezca la capa2 ENCIMA?.

todo esto me funciona pero no consigo q la capa 2 aparezca encima de la capa1, me sale justo debajo...
  #2 (permalink)  
Antiguo 16/09/2005, 13:36
 
Fecha de Ingreso: agosto-2005
Mensajes: 125
Antigüedad: 12 años, 4 meses
Puntos: 0
cómo es el código que tenés?
para que una capa aparezca encima de otra tenés que usar el atributo z-index.

Por ejemplo la capa1 tendría que tener z-index: 1 y la capa2 z-index: 2

Sería algo así como niveles.

Saludos
__________________
Andrés Gattinoni
------------------------
¿Necesita un lugar en Internet? Hospedaje web en Argentina.
Planes desde $5 argentinos - Alojamiento ideal para Blogs
  #3 (permalink)  
Antiguo 16/09/2005, 15:49
 
Fecha de Ingreso: marzo-2004
Ubicación: Córdoba
Mensajes: 239
Antigüedad: 13 años, 9 meses
Puntos: 0
coloca el top en negativo

Claro que se puede con position:relative;

El tema es que al usar position:relative; te va a colocar cada capa una inmediatamente debajo de la otra, porque no tiene elementos top; left; right; bottom; para posicionarlos.


POrque no te fijas en hacer algo asi:

css:

Código HTML:
#contenido { background-color:#006666;}

#top { position: relative;  background-color:#990033; z-index:0;}

#down {   top:-10px; position:relative; background-color:yellow;  z-index: 1} 
Donde Contenido es una capa div, que contiene a las otras dos (Top y Down)

Hago todo con relative, y a la capa que se superpondrá le pongo un top en negativo ( top:-10px;) .


Prueba si queda bien haciendo esto y avisarnos!!!
__________________
Un gran desarrollador de soluciones webs -
-----------------------------
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.