[html/css] question pour un tableau!

question pour un tableau! [html/css] - HTML/CSS - Programmation

Marsh Posté le 27-10-2003 à 17:20:13    

salut
comme dab je pose ma question a deux centimes de franc ... :/
 
en fait j'ai un tableau, dont je veux pouvoir cacher certains <tr> completement, en fait, cacher completement leur contenu et qu'en faisant cela, ils "disparaissent" quoi ...
 
 
par exemple:
 
<table cellspacing="0" cellpadding="0">
<tr><td> pouet pouet </td></tr>
<tr style="background-color:red;"><td></td></tr>
<tr><td> pouet pouet </td></tr>
</table>
 
 
 
voila en gros j'aimerais que la ligne <tr style="background-color:black;"><td></td></tr> ne soit pas du tout visible mais on voit quand meme une ligne de 1 ou deux pixels
 
 
comment ki fo faire pour que ca marche ??? merci:jap:

Reply

Marsh Posté le 27-10-2003 à 17:20:13   

Reply

Marsh Posté le 27-10-2003 à 17:28:00    

font-size: 1px ?


Message édité par MagicBuzz le 27-10-2003 à 17:29:49
Reply

Marsh Posté le 27-10-2003 à 17:29:35    

Mais le mieu c'est quand même utiliser la baslise "<th>" (header de tableau) qui te permet de définir une classe différente pour certaines lignes. Ici, au lieu d'être un header, ce sera un séparateur... Mais ça t'évite de déclarer explicitement un style nommé.

Reply

Marsh Posté le 27-10-2003 à 17:35:12    

hum :/
jpige pas ce que tu me dis :)
t'as copié collé le code pour voir ske je voulais dire ?
en fait ce que je veux  c NE PAS VOIR la ligne rouge que tu verras, je veux me débrouiller pour que tout se passe comme si yavait pas ce TR la vu qu'il est vide (<td></td> ) donc voila chais pas comment kon fait :'(

Reply

Marsh Posté le 27-10-2003 à 17:39:37    

en CSS, "display: none;"
Par contre pour la rendre visible via JS par ex, ça ne marche pas dans IE


Message édité par antp le 27-10-2003 à 17:40:03
Reply

Marsh Posté le 27-10-2003 à 17:40:00    

ha... ben alors tu veux complètement le cacher, c'est ça ?
 
display:none
 
s'pourtant pas compliqué :ange:
 
sinon, tu peux faire visibility:hidden à ce moment le TR ne sera pas visible, mais la place qu'il occupe restera réservée à l'écran


Message édité par MagicBuzz le 27-10-2003 à 17:40:57
Reply

Marsh Posté le 27-10-2003 à 17:41:39    

antp a écrit :

en CSS, "display: none;"
Par contre pour la rendre visible via JS par ex, ça ne marche pas dans IE


comment ça ?
 
bah si, IE sait afficher un tag quand on passe de none à block par exemple :??:


Message édité par MagicBuzz le 27-10-2003 à 17:45:04
Reply

Marsh Posté le 27-10-2003 à 17:44:55    

Testé et vérifié :
 

<html>
 <head>
  <title>Lead</title>
 </head>
 <body>
  <table border="1">
   <tr onmouseover="document.getElementById('tatouille').style.display='block'" onmouseout="document.getElementById('tatouille').style.display='none'">
    <td>a</td>
    <td>b</td>
   </tr>
   <tr style="display:none" id="tatouille">
    <td>c</td>
    <td>d</td>
   </tr>
   <tr>
    <td>e</td>
    <td>f</td>
   </tr>
  </table>
 </body>
</html>

Reply

Marsh Posté le 27-10-2003 à 17:48:20    

heu un <tr> n'est pas sencé avoir un style block mais un style table-row...
http://www.w3schools.com/css/pr_class_display.asp
IE m'avait envoyé promener quand j'avais tenté d'appliquer ce style.
Et avec block ça foire dans Mozilla il me semble (ce qui est logique vu que c'est pas vraiment la même utilisation)


Message édité par antp le 27-10-2003 à 17:49:36
Reply

Marsh Posté le 27-10-2003 à 17:51:15    

ouais en fait le seul probleme, c que je comprends pas pourquoi on voit quand meme quelque chose de ce <tr> !!! alors que explicitement je lui ai dit pas de padding, pas de spacing, pas de border, ... keske c ke cette ligne rouge du coup ? vu que le td est aussi vide c meme pas un retour chariot, c RIEN ce truc rouge, et je veux que ca dégage! !!! si c t possible de le faire uniquement en css et pas besoin de scripter par dessus ce serait mieux pour moi (car il s'agit d'un énorme tableau dynamique controlé via un gros script mais qui fait pas ca :/ )

Reply

Marsh Posté le 27-10-2003 à 17:51:15   

Reply

Marsh Posté le 27-10-2003 à 17:52:03    

Le script c'est juste pour si tu veux cacher/afficher le truc dynamiquement (lors d'un clic par ex)

Reply

Marsh Posté le 27-10-2003 à 17:58:23    

yes je vois :)
moi j'aimerais plutot un truc qui systématiquement si ya rien dans le <td> concerné il n'affiche rien au niveau du tr, je vois pas pourquoi le tr en soit prendrait de la place ! c pour ca que j'en viens à vous, yaurait il un élément bouffant de la place mis à part le cellspacing et le cellpadding ?

Reply

Marsh Posté le 28-10-2003 à 11:32:43    

up !!
j'ai vu que ca vient apparemment des td, car quand je vire le td du coup ya plus de ligne rouge affichée
mais j'aimerais comprendre pourquoi le td s'affiche, même s'il n'a rien d'affichable à l'intérieur :/ j'ai essayé de virer marges, padding et tout le tralala mais je ne trouve toujours pas !! si vous avez une idée !

Reply

Sujets relatifs:

Leave a Replay

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