Ajouter des ascenseurs dans la page.

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Ajouter des ascenseurs dans la page.

mduchval

Bonjour à tous.

Je dispose d'une page XHTML qui contient (entre autres) plusieurs tableaux. Le problème, c'est qu'ils dépassent largement de la page. Il me faut donc des ascenseurs afin d'éviter d'avoir à scroller horizontalement et verticalement sur la page (uniquement sur la tableau).

J'ai trouvé comment faire. Il suffit de rajouter.

autour de mon tableau.

Ça fonctionne sans problème. Mais maintenant j'aimerais pouvoir fixer la première ligne et la première colonne de mon tableau (c'est à dire que quand je scrolle vers le bas, j'ai toujours la première ligne d'apparente et quand je scrolle vers la droite, je vois touours la première colonne).

Est ce que c'est possible ?

Merci.

Publicité

skeye

mettre l'overflow sur le tbody?

---------------
Can't buy what I want because it's free -

mduchval

Hello,

Merci pour l'idée, mais ça ne fonctionne pas. Déjà, ça ne concerne que les lignes qui ne sont pas des lignes de titres (et ça ne fonctionne pas pour les premières colonnes qui sont aussi des titres de colonnes). Mais même ça ça ne semble pas fonctionner.

J'ai fait un petit test rapide et ça ne me donne aucun ascenseur (contrairement à un div)

Code :

<html>
<head>
<title>test</title>
<body>
<TABLE SUMMARY="This table lists SI (International System) units of
measure, giving the name of the unit, its symbol, and
the quantity that it measures.">
<CAPTION>SI Units</CAPTION>
<THEAD>
<TR>
<?php
for ($i=0; $i<20; $i++)
echo '
<TH SCOPE=col>Name</TH>
<TH SCOPE=col>Symbol</TH>
<TH SCOPE=col>Quantity</TH>'; ?>
</TR>
</THEAD>
<TBODY CLASS=base style=" overflow:auto;height:500px;">
<TR>
<?php
for ($i=0; $i<20; $i++)
echo '
<TD SCOPE=row>meter</TD>
<TD>m</TD>
<TD>length</TD>';
?>
</TR>
</TBODY>
</TABLE>
</body>

mduchval

Pas d'idées ?

Ne me dites pas qu'il n'y a pas de solutions

mduchval

Bien tant pis, j'abandonne, merci quand même.

tpierron

En CSS pur, c'est complètement infaisable. Déjà rien qu'un overflow vertical sur le tbody tu vas en chier pour un avoir un truc qui fonctionne, sans que ça soit trop dégueux sur la plupart des navigateurs.

Maintenant, il reste toujours l'option javascript. En prévoir quand même pour une dizaine de tonnes et quelques arrachages de cheveux pour que ça fonctionne à peu près partout.

Autre solution, garantie à 100% : ne rien faire et tant pis si c'est trop long.

Message édité par tpierron le 05-11-2008 à 17:13:22

gatsu35

Blablaté par Harko

j'ai déjà fait ça un paquet de fois (avoir un tableau scrollable en conservant la premiere ligne)
C'est faisable en fullCSS, mais en utilisant un comportement inattendu de IE6

mais sinon voici la méthode d'origine
http://www.cssplay.co.uk/menu/tablescroll

tpierron

Évidemment un tbody scrollable c'est faisable, il (mduchval) l'a même déjà fait.

Ce qu'il cherche par contre, c'est beaucoup plus compliqué et surtout infaisable en CSS : que la première ligne soit fixe verticalement et que la première colone soit fixe horizontalement. Donc pas la peine de chercher du coté de CSS, tu ne trouveras rien.

Message édité par tpierron le 06-11-2008 à 17:03:06

gatsu35

Blablaté par Harko

tpierron ce que tu dis je le sais déjà
je t'ai juste montré que c'est faisable aussi pour IE
le seul problème étant que la ligne de titre (thead) doit etre de hauteur fixe

tpierron

J'ai jamais dis le contraire, hein ....

FORUM HardWare.fr

Programmation

HTML/CSS

Ajouter des ascenseurs dans la page.

Sujets relatifs
pb d'ouverture de pdf depuis une page html	Utiliser un .mov dans une page HTML
Est-il possible de recharger le contenu d'une page HTML ?	forcer le rechargement de la page (pas utiliser le cache)
Un swf encapsulé dans un swf lui même incorporé dans une page HTML ^^	limitation en largeur de la page sous firefox? [résolu]
pd de mise en page d'une requete avec presence d'un lien	redirigevers une page ce trouvant dans un dossier protégé par .htaces
Placer mon menu au centre de la page ?	Mettre un clip musique en haut de page
Plus de sujets relatifs à : Ajouter des ascenseurs dans la page.

Page générée en 0.084 secondes