Foros del Web » Creando para Internet » CSS »

Divs superpuestos alternados con la visibility

Estas en el tema de Divs superpuestos alternados con la visibility en el foro de CSS en Foros del Web. Necesito crear dos divs superpuestos sencillos y alternarlos con visibility:hidden y visible. Lo que no consigo es ubicarlos justo en la misma posición: <div style="visibility:hidden"> ...
  #1 (permalink)  
Antiguo 20/06/2010, 13:54
 
Fecha de Ingreso: julio-2009
Mensajes: 92
Antigüedad: 8 años, 4 meses
Puntos: 0
Divs superpuestos alternados con la visibility

Necesito crear dos divs superpuestos sencillos y alternarlos con visibility:hidden y visible. Lo que no consigo es ubicarlos justo en la misma posición:

<div style="visibility:hidden">
<a href="" title=""><img src=""/></a>
</div>
<div style="visibility:visible">
<a href="" title=""><img src=""/></a>
</div>
  #2 (permalink)  
Antiguo 20/06/2010, 14:57
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: Divs superpuestos alternados con la visibility

Código HTML:
Ver original
  1. <div style="display:none; position:absolute; top: 100; left: 200;">
  2. </div>
  3. <div style="display:block; position:absolute; top: 100; left: 200;">
  4. </div>
Si le pones visibility es posible que no te funcione del todo bien, pon display mejor.
Saludos (:
  #3 (permalink)  
Antiguo 20/06/2010, 20:51
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 6 meses
Puntos: 44
Respuesta: Divs superpuestos alternados con la visibility

Hola _cronos2

Cita:
Iniciado por _cronos2 Ver Mensaje
Código HTML:
Ver original
  1. <div style="display:none; position:absolute; top: 100; left: 200;">
  2. </div>
  3. <div style="display:block; position:absolute; top: 100; left: 200;">
  4. </div>
Si le pones visibility es posible que no te funcione del todo bien, pon display mejor.
Saludos (:
Un pequeño apunte, las posiciones deben llevar el valor de las medidas (sólo el cero no las lleva):

<div style="display:none; position:absolute; top: 100px; left: 200px;">
</div>
<div style="display:block; position:absolute; top: 100px; left: 200px;">
</div>


Bye
  #4 (permalink)  
Antiguo 21/06/2010, 08:46
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: Divs superpuestos alternados con la visibility

Ok, esque estaba pensando en los atributos html (que según tengo entendido no necesitan especificar la medida). Lo siento (:
  #5 (permalink)  
Antiguo 22/06/2010, 17:23
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Divs superpuestos alternados con la visibility

Hola:

Cita:
Iniciado por _cronos2 Ver Mensaje
Ok, esque estaba pensando en los atributos html (que según tengo entendido no necesitan especificar la medida). Lo siento (:
¿Seguro ¿Y como diferencias 100 pixeles de un 100%?

Saludos.

  #6 (permalink)  
Antiguo 23/06/2010, 00:37
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: Divs superpuestos alternados con la visibility

Código HTML:
Ver original
  1. <table width='100'>
  2.  <td width='100%'>
Yo he visto en varios sitios que se puede especificar sin px porque es una medida 'estándar'.

Saludos (:
  #7 (permalink)  
Antiguo 23/06/2010, 16:42
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Divs superpuestos alternados con la visibility

Hola:

Cita:
Iniciado por _cronos2 Ver Mensaje
Código HTML:
Ver original
  1. <table width='100'>
  2.  <td width='100%'>
Yo he visto en varios sitios que se puede especificar sin px porque es una medida 'estándar'.

Saludos (:
¿Y como sabe el navegador que la tabla es de 100px y no el 100%?

Saludos.

  #8 (permalink)  
Antiguo 23/06/2010, 16:44
Avatar de dots3r  
Fecha de Ingreso: julio-2008
Mensajes: 106
Antigüedad: 9 años, 4 meses
Puntos: 5
Respuesta: Divs superpuestos alternados con la visibility

Conclusión: Debes especificar siempre la medida =)
__________________
Ideorama. Su presencia en Internet
  #9 (permalink)  
Antiguo 30/06/2010, 14:21
 
Fecha de Ingreso: julio-2009
Mensajes: 92
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Divs superpuestos alternados con la visibility

No me funciona :S

Estoy con joomla y lo que estoy haciendo es una tabla tal que así (lo resumo):

<table>
<tr>
<td>
<div id="id1" style="display:block; position:abosolute;top:100px;left:200px">
</div>
<div id="id2" style="display:none; position:absolute;top:100px;left:200px">
</div>
</td>
<td>
<input type="button" onclick="javascript:document.getElementById('id1') .style.display='none';document.getElementById('id2 ').style.display='block';" name="nombre" value="">
</td>
</tr>
</table>

El id2 se me va hasta arriba de la página, no respeta las posiciones top y left.

Última edición por Rublo; 30/06/2010 a las 14:33

Etiquetas: superpuestos, visibility
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 21:03.