Forum Programmation.web Faire défiler une partie de page.

Posté par Gyro Gearllose le 15 décembre 2004 à 12:09.

Étiquettes : aucune

déc.

2004

Hello les gens.
Dans une page html, j'ai un grand tableau comportant 12 cases, chacune contenant un tableau représentant un mois de l'année. Celui-ci étant trop large, j'aimerai n'afficher que 4 mois, et laisser la possibilité à celui qui affiche la page de faire défiler vers la droite ou vers la gauche seulement ce tableau. Je ne sais pas si je suis clair, m'enfin....
Je sais que je peux le faire en utilisant le tag html <object type="text/html"< mais ça ne me convient pas, car les petits calendriers sont cliquables et permettent d'ouvrir un formulaire de gestion d'emploi du temps de salles de réunion.
Je pensais m'en sortir avec les CSS, mais là, j'avoue que je sèche un peu (beaucoup, même). Par avance merci pour vos conseils et votre aide.

# http://w3.org/Style/CSS/

Posté par 태 (site web personnel) le 15 décembre 2004 à 12:20. Évalué à 2.

Tu veux faire un truc un peu comme sur cette page avec le menu fixe ?

http://w3.org/Style/CSS/(...)
A priori, ca se fait avec des "position:absolute" mais ca ne marchera pas avec internet explorer...
- [^] # Re: http://w3.org/Style/CSS/
  
  Posté par Adrien BUSTANY (site web personnel) le 15 décembre 2004 à 13:00. Évalué à 3.
  
  Il me semble que la propriété CSS overflow peut répondre à tes besoins, en fait tu indiques le comportement à suivre quand le contenu sort de la boite. Il existe une page là dessus sur http://openweb.eu.org(...) .
  Et pour le coup du menu fixe, il existe un hack pour internet explorer, mais je sais plus comment on fait. Je sais juste que c'est possible.
  - [^] # Re: http://w3.org/Style/CSS/
    
    Posté par Gyro Gearllose le 15 décembre 2004 à 13:21. Évalué à 1.
    
    Merci à tous les 2 !
    En fait, vous ne m'avez pas donné la solution, mais vous m'avez mis sur la piste. En somme, voici ce que donne le code source, si toutefois ça peut aider quelqu'un.
    
    <style type="text/css">
    #calendrier { width:800px; height:250px; overflow: scroll; }
    </style>
    <body>
    <div id="calendrier">
    <table>
    <tr><td></td></tr>
    </table>
    </div>
    </body>
    
    Evidement, le tableau est rempli, sur une seule ligne de 12 cases contenant chacune un tableau représentant chaque mois. J'ai pas tout mis là pour alléger le source. Merci tout plein, donc, pour votre aide et à bientôt pour de nouvelles aventures !