Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/04/2006, 10:17
Avatar de susaninhax
susaninhax
 
Fecha de Ingreso: noviembre-2004
Mensajes: 358
Antigüedad: 19 años, 6 meses
Puntos: 3
ocultar o mostrar celdas

Buenas compañeros;

Estoy trabajando en una página donde quiero ocultar y mostrar unos textos. Lo he hecho mas veces del mismo modo y nunca me ha dado un error. Pero esta vez, las celdas se me mueven de sitio al querer desplegar la celda y no debieran, el código es este:
Código HTML:
 <!--  INICIO de desplegables (submenus)-->
<script language="JavaScript" type="text/JavaScript">
function cambio(cual)
{
if (document.getElementById(cual).style.display == 'none')
document.getElementById(cual).style.display = 'block'
else
document.getElementById(cual).style.display = 'none'
}
</script>
<table width="271" height="282"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="88" height="71" align="center" class="marron_titu"><span class="marron_titu"><a href="#" onClick="cambio('tucan1')" onMouseover="modifyimage('dynloadarea', 0)">Tuc&aacute;n<br>
Material<br>
Deportivo</a></span></td>
    <td width="65" align="center"><a href="#" onMouseover="modifyimage('dynloadarea', 0)"><img src="imagenes/image1_peq.gif" width="60" height="60" border="0"></a></td>
    <td width="118" id="tucan1" style="display: none"><table width="115"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="191" height="19" align="left" class="negro">&bull; Producto del m&eacute;s </td>
      </tr>
      <tr>
        <td height="19" align="left" class="negro">&bull; Ofertas</td>
      </tr>
      <tr>
        <td height="18" align="left" class="negro">&bull; Cat&aacute;logo</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="88" height="67" align="center" class="marron_titu"><a href="#" onClick="cambio('tucan2')" onMouseover="modifyimage('dynloadarea', 1)">Tuc&aacute;n Aventuras </a></td>
    <td width="65" align="center"><a href="#" onMouseover="modifyimage('dynloadarea', 1)"><img src="imagenes/image2_peq.jpg" width="60" height="60" border="0"></a></td>
    <td width="118" id="tucan2" style="display: none"><table width="118"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="129" height="19" align="left" class="negro">&bull; Centros educativos </td>
      </tr>
      <tr>
        <td height="19" align="left" class="negro">&bull; Incentivos de<br>
      empresa </td>
      </tr>
      <tr>
        <td height="18" align="left" class="negro">&bull; Promocion de marca </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="88" height="71" align="center" class="marron_titu"><a href="#" onClick="cambio('tucan3')" onMouseover="modifyimage('dynloadarea', 2)">Nuestras Instalaciones</a> </td>
    <td width="65" align="center"><a href="#" onMouseover="modifyimage('dynloadarea', 2)"><img src="imagenes/imagen3_peq.jpg" width="60" height="60" border="0"></A></td>
    <td width="118" id="tucan3" style="display: none"><table width="110"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="191" height="19" align="left" class="negro">&bull; Instalaciones Colaboradoras </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="88" height="73" align="center" class="marron_titu"><a href="#" onClick="cambio('tucan4')" onMouseover="modifyimage('dynloadarea', 3)"><p>Tuc&aacute;n experience outdoor </p> </a> </td>
    <td width="65" align="center"><a href="#" onMouseover="modifyimage('dynloadarea', 0)"><img src="imagenes/image4_peq.gif" width="60" height="60" border="0"></a></td>
    <td width="118" id="tucan4" style="display: none"><table width="110"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="191" height="19" align="left" class="negro">&bull; Metodologia Belbin</td>
      </tr>
      <tr>
        <td height="19" align="left" class="negro">&bull; Formaci&oacute;n</td>
      </tr>
    </table></td>
  </tr>
</table> 
y la página es http://temporal.aclass.es/tucan akí pueden ver el ejemplo de lo que os digo, que se me desplaza la celda hacia la derecha y cuando clico en el titulo pues se queda como tiene que quedarse, alguien me podría ayudar con esto? no consigo ver el código que me proboca eso...

os estaría muy agradecida.

Saludos a todoss!!!