Discussion :

[shaun_the_sheep]

Bonjour,

j'ai un tableau html classique contenant des données textes. Je masque quelques lignes du bas de ma table pour les afficher si on clique sur un lien.

j'utilise la propriété de style display:none pour masquer mes cellules.

Sous FF mon tableau est correcte. Mes lignes sont correctement masquées.

Sous IE il masque bien mes lignes seulement il reste un espace en bas de mon tableau que je n'explique pas. comme s'il conservait une hauteur.

quelqu'un a une idée pour supprimer cet espace ?

Merci

[clb56]

Bonjour,

j'ai un tableau html classique contenant des données textes. Je masque quelques lignes du bas de ma table pour les afficher si on clique sur un lien.

j'utilise la propriété de style display:none pour masquer mes cellules.

Sous FF mon tableau est correcte. Mes lignes sont correctement masquées.

Sous IE il masque bien mes lignes seulement il reste un espace en bas de mon tableau que je n'explique pas. comme s'il conservait une hauteur.

quelqu'un a une idée pour supprimer cet espace ?

Merci

Salut,

si tu pouvais mettre un peu de code, notamment html en exemple ce serait mieux.

[shaun_the_sheep]

Salut,

Je peux toujours mais pas sur que cela aide:

voici donc une boucle en javascript qui me permet de masquer les parties non visible:

.............

//-> masque les colonnes sur les lignes visibles
for(var i=0;i<nbLigne;i++){ //-> boucle sur nbre de ligne
var cells = lig[i].childNodes;

for(var j=nbCols;j<maxCols;j++){
cells[j].style.display = "none";
}
}

//-> masque l'ensemble du bas de tableau
for(var i=nbLigne;i<lig.length;i++){ //-> boucle sur nbre de ligne
var cells = lig[i].childNodes;

for(var j=0;j<maxCols;j++){
cells[j].style.display = "none";
}
}

..............

rien d'exceptionnel.

J'applique ces classes de styles à mon tableau:

.......

.tab_calendrier{
border:1px solid black;
border-collapse:collapse;
border-spacing: 0px;
margin:auto;
margin-top:2px;
background:#ffffff;
}

.cell_calendrier{
text-align:center;
border:1px solid black;
height:60px;
width:50px;
background : #FFFFFF;
}

.........

Le tableau HTML est quant à lui crée via du code javascript (c'est une sorte de grille de données) que je ne met pas pour pour le moment pour ne pas rendre le post illisible.

Merci de votre aide.

[Er3van]

Le retour au taf est dur....

Mais c'est peut-être une histoire de line-height.
IE en mets par défaut, si tu mets qqchose comme

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

td { line-height : 0 ; }

dans ton css ça devrait régler ton pb s'il vient de là. Par contre j'ai toujours un doute pour savoir si ça doit d'appliquer aux td ou à la table elle-même.

[shaun_the_sheep]

Cela ne change pas grand chose. cela fait vraiment comme si ie considérait une hauteur par défaut quelque part.

mais je ne vais pas ou.

[shaun_the_sheep]

Je reviens à la charge avec mon problème. Voici un extrait de code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<table id='matable' border=0 cellpadding ="0"  cellspacing="0">
<tr><td style='border:1px solid black;margin:auto;' height="100px">1</td><td style='border:1px solid black;margin:auto;'>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td></tr>
<tr><td style='border:1px solid black;margin:auto;' height="100px">1</td><td style='border:1px solid black;margin:auto;'>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td></tr>
<tr><td style='border:1px solid black;margin:auto;display:none' height="100px">10</td><td style='border:1px solid black;margin:auto;display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td></tr>
<tr><td style='border:1px solid black;margin:auto;display:none' height="100px">15</td><td style='border:1px solid black;margin:auto;display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td><td style='display:none'>1</td><td style='display:none'>2</td></tr>
<tr><td style='border:1px solid black;margin:auto;' height="100px">1</td><td style='border:1px solid black;margin:auto;'>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td><td>1</td><td>2</td></tr>
</table>

Je constate que sous FF, mon tableau est bien , mes lignes cachés via display:none le sont bien.

Sous IE par contre, j'ai un espace en lieu et place de mes lignes masquées.

Quelqu'un a une idée ?

Merci