Ver Mensaje Individual
  #2 (permalink)  
Antiguo 25/11/2008, 06:57
quimfv
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 8 meses
Puntos: 574
Respuesta: Solapar capas ina encima de otra siendo relavitas a una tabla ...en lugar

Algo así serviria?


Código HTML:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
  <tr> 
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr> 
    <td>&nbsp;</td>
    <td valign="top"><div style="position:relative;width:100%"> 
        <div style="position:absolute; width:100%" id="c1"> 
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td bgcolor="#FF0000">Capa 1</td>
            </tr>
          </table>
        </div>
        <div style="position:absolute;width:100%;bgcolor:#00ff0" id="c2">
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td bgcolor="#00FF00">Capa 2</td>
            </tr>
          </table>
        </div>
      </div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr> 
    <td>&nbsp;</td>
    <td><input name="Capa1" type="button" id="Capa1" value="Capa 1" onClick="document.getElementById('c1').style.display='block';document.getElementById('c2').style.display='none'"> 
      <input name="Capa2" type="button" id="Capa2" value="Capa 2" onClick="document.getElementById('c2').style.display='block';document.getElementById('c1').style.display='none'"></td>
    <td>&nbsp;</td>
  </tr>
</table> 
Dime si te sirve!!

Quim