Tableau avec titres toujours visibles : FRAME ?

Tableau avec titres toujours visibles : FRAME ? - HTML/CSS - Programmation

Marsh Posté le 20-09-2005 à 21:52:07    

Salut,
 
je precise d'avance que je debute totalment en page web, html, php et compagnie. Je m'aide de dreamweaver et d'internet pour apprendre.
 
Mon soucis :
j'aimerais savoir s'il y a plusieurs methodes ou une seule si je veux faire une page web avec un tableau dont la ligne de titre serait touours visible.
Donc au cas ou ce ne serait pas clair : sur la droite de l'ecran il y aurait un ascenseur vertical, mais il n'affecterait que le contenu du tableau, mais pas sa ligne de titre.
 
Pour le moment je pense faire une page avec deux frames :
 - un en haut ou je mettrais ma ligne avec les titres des colonnes du tableau - option : scrolling="NO"
 - en dessous, mon tableau sans option afin d'avoir l'ascenseur
 
 => si cette solution est la seule ou est bonne de votre point de vue, voici le point qui me turlupine :
je laisse mes colonnes en auto-determination de la largeur, du coup je me demande comment faire pour que la largeur des colonnes de mon tableau (qui se trouve donc dans le frame du bas) soient bien les memes que les largeurs des colonnes de ma ligne de titre (qui se trouve donc dans le frame du haut).
 
Voila c'est peu evident a expliquer, j'espere etre clair.
 
Merci d'avance a ceux qui m'aide, j'apprecie toute aide quelle quelle soit !

Reply

Marsh Posté le 20-09-2005 à 21:52:07   

Reply

Marsh Posté le 20-09-2005 à 21:58:02    

personnelement, dans ces cas la , je repete tou simplement la ligne de titre tous les 25 enregistrements
 
mais peut etre qu'il y a plus propre

Reply

Marsh Posté le 20-09-2005 à 23:06:18    

Mouais c'est effectivement une solution, mais j'espere trouver une methode pour faire reellement une ligne de titre restant toujours affichee en haut de l'ecran. Quitte a ce que se soit un truc un peu complexe (style je remplis mon tableau, ensutie je recupere dans des variables (php) les largeurs des colonnes puis je les transmet a mon frame de titre pour ajuster les largeur des colonnes... (je dis ca mais j'ignore si c'est faisable...)

Reply

Marsh Posté le 20-09-2005 à 23:36:45    

et si tu utiliser les balises d'entête de la page en utilisant une feuille de style dans lequel tu positionne les entête de tableau en position absolu?
Ca marcherait pas?

Reply

Marsh Posté le 21-09-2005 à 07:31:56    

va voir

Reply

Marsh Posté le 21-09-2005 à 09:35:26    

Ah... Si seulement Internet Explorer était gentil, on aurai pu utiliser un p'tit bout d'HTML et de CSS :

<table>
  <thead>
    <tr><th>Pouet</th><th>Ca reste en haut</th></tr>
  </thead>
  <tfoot>
    <tr><td>Tagada</td><td>Ca en bas</td></tr>
  </tfoot>
  <tbody>
     <tr>
  ....
   </tbody>
</table>


tbody {
  height: 500px;
  overflow: auto;
}


Mais ça marche chez tout le monde sauf IE :(


Message édité par FlorentG le 21-09-2005 à 09:36:04
Reply

Marsh Posté le 21-09-2005 à 10:46:13    

Plus que 6 à 12 mois et IE deviendra gentil ... a partir de winXP.
 
Et t'as essayé avec la position absolu comme je t'ai proposé et comme fait le site indiqué par "taureau"?

Reply

Marsh Posté le 21-09-2005 à 11:00:25    

Salut,
 
Ceci ne conviendrait-il pas ?
http://css.alsacreations.com/modeles/modele13.htm


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 21-09-2005 à 11:16:35    

c'est pour des données tabulaire je pense, donc ce n'est pas ce qu'il demande (enfin je crois)

Reply

Marsh Posté le 21-09-2005 à 20:06:00    

Cool, plein de reponses :-D.
 
taureau  : bon j'ai commence par regarder ton lien (http://www.imaputz.com/cssStuff/bigFourVersion.html); effectivement c'est joli, mais dans son code il a ecrit en dur la largeur de ses colonnes or mon soucis et que j'ignore la largeur des colonnes de mon tableau puisqu'elle depend de ce qui va sortir de la base de donnees.
 
**************************************************************
 
FlorentG : heu la j'essaye, mais j'arrive pas a ecrire correctement ce a quoi tu penses car chez moica donne rien du tout ( j'ai utilise ca ainsi :  
<style type="text/css">
<!--
tbody {
  height: 500px;
  overflow: auto;
}
-->
</style>
) .... je suppose que j'ai du faire n'importe quoi (LOL).
 
EDIT : ah ben finalement ca donne quelquechose, j'avais pas mis assez de ligne ;). Toutefois je vais tout de meme essayer de trouver une methode fonctionnant aussi sous IE...
 
**************************************************************
 
omega2 : ouais j'ai un peu essaye avec les positions, mais ca n'empeche pas que l'ascenseur vertical influe sur l'ensemble de la table ....
 
**************************************************************
 
SIBELIUS : comme Gatsusat semble l'avoir prevu, je n'arrive pas a adapte "ton" idee a un tableau :-(
 
**************************************************************
 
Bref, toujours pas de solution, snif.


Message édité par Trounk le 21-09-2005 à 21:20:18
Reply

Marsh Posté le 21-09-2005 à 20:06:00   

Reply

Marsh Posté le 22-09-2005 à 08:02:06    

alors essaye celui-ci il n'est pas lié à la largeur des cellules, sous firefox le pied du tableau est fixe aussi alors que sous IE il n'y a que l'en-tête qui le soit

Reply

Marsh Posté le 22-09-2005 à 08:05:33    

Ah bien ! Je vois, ils utilisent une expression... Et pis ça marche même ayant JS désactivé (ce qui d'ailleurs est louche :D ).

Reply

Marsh Posté le 22-09-2005 à 08:05:59    

Ah non autant pour moi. Avec JS désactivé, c'est tout le tableau qui scroll, mais c'est pas trop grave :jap:

Reply

Marsh Posté le 22-09-2005 à 21:28:38    

Ok merci taureau ,je vais essayer de comprendre comment il a fait son tableau sur ce lien.
 
Par contre je vois une anomalie sous firefox : i l y a un ascenseur horizontal juste sous le tableau qui fait scroller le body mais pas le head donc du coup ca decalle les colonnes :-\.
 
Enfin voila, je vais voir comment ca tourne et eventuellement essayer de rectifier.
 
Par contre si qqun se sent d'expliquer pourquoi il met le tableau dans un div puis de nouveau le tout dans un autre div se serait sympa :)
 
EDIT : n'y a t'il pas une fonctionnalite plus "fine" que "overflow:auto" afin de ne permettre, par exemple, qu'un ascenseur vertical et non pas vertical + horizontal ?? (mon idee a partir de la serait de creer une colonne bidon dans mon tableau juste sous l'ascenseur....)


Message édité par Trounk le 22-09-2005 à 22:36:56
Reply

Marsh Posté le 23-09-2005 à 16:51:45    

Pour le truc horizontal, faut juste bidouiller les dimensions... Sinon c'est possible avec overflow-x et overflow-y... Mais attention, ces deux attributs ne fonctionnent que sous IE, peut-être la dernière bêta de FF... C'est un truc Microsoft, proposé au W3C, et intégré dans les CSS3

Reply

Sujets relatifs:

Leave a Replay

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