Divs superpuestos alternados con la visibility

[Rublo]

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>

[_cronos2]

Código HTML:

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

Si le pones visibility es posible que no te funcione del todo bien, pon display mejor.
Saludos (:

[deirdre]

Hola _cronos2

Iniciado por _cronos2

Código HTML:

<div style="display:none; position:absolute; top: 100; left: 200;">
</div>
<div style="display:block; position:absolute; top: 100; left: 200;">
</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

[_cronos2]

Ok, esque estaba pensando en los atributos html (que según tengo entendido no necesitan especificar la medida). Lo siento (:

[jomaruro]

Hola:

Iniciado por _cronos2

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.

[_cronos2]

Código HTML:

<table width='100'>
 <td width='100%'>
 

Yo he visto en varios sitios que se puede especificar sin px porque es una medida 'estándar'.

Saludos (:

[jomaruro]

Hola:

Iniciado por _cronos2

Código HTML:

<table width='100'>
 <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.

[dots3r]

Conclusión: Debes especificar siempre la medida =)

[Rublo]

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.