table et display block

table et display block - HTML/CSS - Programmation

Marsh Posté le 17-11-2004 à 17:58:10    

bonsoir
j'ai un menu en table dont voici le code
<table>
  <tr >
  <td onClick="javascript:document.getElementById('rmi').style.display='none';document.getElementById('famille').style.display='block';">
    <INPUT TYPE="button" class="menuoff" NAME="mg_famille" ID="mg_famille" value="FAMILLE"></td>
  </tr>
  <tr id="famille"><td>Récapitulatif famille</td></tr>
  <tr >
    <td onClick="javascript:document.getElementById('famille').style.display='none';document.getElementById('rmi').style.display='block';">
      <INPUT TYPE="button"  class="menuoff" NAME="mg_rmi" ID="mg_rmi" VALUE="R.M.I.">
    </td>
  </tr>
  <tr id="rmi"><td>Demande RMI</td></tr>
</table>
 
quand on clique sur le titre 1 (famille) cela ferme le tire 2 (rmi) et inversement
le pbm est que sous mozilla, ca me genere un espace quand on fait le display block apres le none
si qq'un a une idee
merci
herve

Reply

Marsh Posté le 17-11-2004 à 17:58:10   

Reply

Marsh Posté le 30-12-2005 à 11:08:05    

Ce message est vieux mais le problème est tjrs d'actualité :)
 
Salut,
 
J'ai 2 radios qui conditionnent l'affichage ou non d'un tableau on ne peut plus classique.
3 TR, le 1er avec un TD et un colspan de 2, les 2 autres TR avec 2 TD chacun.
 
Par défaut, le tableau est visible.
 
Si je clique NON, j'appelle " style.display='none' ". OK
Si je clique ensuite OUI, j'appelle " style.display='block' " => OK sous IE, KO sous FFX ?
 
En fait le tableau apparait bien, avec ses bonnes dimensions et style sous FFX mais les lignes TR ne vont pas jusque bout du tableau ! Comme si elle ne tenait plus compte du tout de leur "width"
 
 

Code :
  1. <table id="MR" align="center" width="50%" class="monstyle">
  2.  <tr><td class="titre" colspan="2" width="100%">TITRE</td></tr>
  3.  <tr><td width="20%">T1</td><td width="80%">T2</td></tr>
  4.  <tr><td>date</td><td>22/12/2005</td></tr>
  5.  <tr><td>heure</td><td>12h00</td></tr>
  6.  <tr><td>ville</td><td>Paris</td></tr>
  7. </table>


 
Franchement, je comprends pas.
J'ai tout mon site en CSS 2 mais là je cale.
J'ai pas mal cherché mais ... nada.
 
Merci pour votre aide.
 
a+

Reply

Marsh Posté le 30-12-2005 à 11:44:44    

En faisant :
 
style.display=''
 
ça marche !! Réappartion sans déformation !
 
a+
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed