28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis perdu...
J'ai besoin de créer un planning multi-utilisateurs de la forme suivante :

upload/7409-alsa.JPG

Comment puis-je bloquer la ligne de titre avec les noms des personnes quand je "scroll" vers le haut/bas de ma page ?
En sachant que de droite à gauche les noms doivent suivre le scoll !

Dans l'idée d'Excel ou l'on fige une ligne qui reste fix au scrolling.

J'aimerais trouver une solution CSS plutot qu'un script Java...

Si quelqu'un a une idée, parce que je seche.

Merci d'avance Smiley cligne
Modifié par klamp38 (30 Jun 2006 - 12:08)
Bonjour et bienvenue à toi,
Si ce n'est pas gênant pour toi d'avoir une scrollbar a droite de ton tableau
au lieu de l'avoir naturellement a droite de l'ecran, tu peux utiliser
un div qui commence a la troisieme ligne (sous les noms) auquel tu
attribues la propriété css overflow:auto qui définit ce que devient
le contenu qui déborde de la zone de contenu d'un élément.

Avec la valeur auto tous ce qui dépasse de cette zone ne pourra
être visible qu'avec un défilement vertical (dans ton cas).
La seule restriction est d'ordre esthétique puisqu'on ne pas
personnaliser entièrement le look de la scroolbar, celui-ci n'étant
dépendant que des propriété CSS propiétaire IE.
Modifié par Hermann (30 Jun 2006 - 16:00)
On peut également signaler le positionnement fixe (position: fixed), qui répond en bonne partie à ta problématique. IE 6 ne le supporte pas, mais qui utilise IE6, franchement ? Smiley cligne

Sinon, tu peux peut-être viser un compromis. Si ton tableau est vraiment long et nécessite un rappel régulier des titres de colonnes, tu peux générer une ligne de titre toutes les n entrées, ou bien pour le début de chaque semaine, par exemple.
Merci a vous deux pour vos reponses.

Je pense que je vais m'orienter vers une solution mixte CSS et PHP.
Je vais "tester" en PHP :
- la taille de l'ecran du navigateur client
- le nombre de nom que j'ai en titre de tableau (dans une BDD).

Sachant que j'attribu a chacun des nom une largeur fixe (disons 80px), je n'ai plus qu'a mettre les valeurs du tableau dans un <DIV> avec un overflow:auto.
Je peux générer un CSS qui sera programmé par PHP.

C'est peut etre un peu confus comme explication... Smiley sweatdrop

Encore merci en tous cas.