Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1684 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [html/css] question pour un tableau!

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[html/css] question pour un tableau!

n°551712
k666
dites non à petitmou
Posté le 27-10-2003 à 17:20:13  profilanswer
 

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:

mood
Publicité
Posté le 27-10-2003 à 17:20:13  profilanswer
 

n°551714
MagicBuzz
Posté le 27-10-2003 à 17:28:00  profilanswer
 

font-size: 1px ?


Message édité par MagicBuzz le 27-10-2003 à 17:29:49
n°551718
MagicBuzz
Posté le 27-10-2003 à 17:29:35  profilanswer
 

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é.

n°551725
k666
dites non à petitmou
Posté le 27-10-2003 à 17:35:12  profilanswer
 

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 :'(

n°551727
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-10-2003 à 17:39:37  profilanswer
 

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
n°551728
MagicBuzz
Posté le 27-10-2003 à 17:40:00  profilanswer
 

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
n°551731
MagicBuzz
Posté le 27-10-2003 à 17:41:39  profilanswer
 

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
n°551734
MagicBuzz
Posté le 27-10-2003 à 17:44:55  profilanswer
 

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>

n°551739
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-10-2003 à 17:48:20  profilanswer
 

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
n°551746
k666
dites non à petitmou
Posté le 27-10-2003 à 17:51:15  profilanswer
 

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 :/ )

mood
Publicité
Posté le 27-10-2003 à 17:51:15  profilanswer
 

n°551748
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-10-2003 à 17:52:03  profilanswer
 

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

n°551755
k666
dites non à petitmou
Posté le 27-10-2003 à 17:58:23  profilanswer
 

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 ?

n°552347
k666
dites non à petitmou
Posté le 28-10-2003 à 11:32:43  profilanswer
 

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 !


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [html/css] question pour un tableau!

 

Sujets relatifs
[PHP/HTML] Ajout d'enregistrement et affichage d'enregistrementscherche classe qui parse l'HTML pour faire un aspirateur de site
bordure du milieu dans un tableau[HTML] Lien sur une image ?
[HTML & PHP] je sais que faut pas mélanger :ange: mais bon...Inclure une police en html
Question variable.conversion HTML--->PDF
[PHP] eregi & html[HTML/JS] mettre une image pour un input type="button" ?
Plus de sujets relatifs à : [html/css] question pour un tableau!


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR