Discussion :

[Deciprog]

Bonjour,

J'ai un petit souci avec un tableau qui s'ajuste horizontalement (width:100% et qui utilise une scrollbar (ascenseur) vertical.

L'en-tête où se situe les lignes des colonnes descend en même temps que je baisse l'ascenseur et je voudrais qu'elle reste fixe.

Voici mon code :

Page HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<div id='tableau_scrollbar'>
	<table class='tableau'>
		<tr>
			<th class='tableau_entete'>Nom</th> //colonne en-tête
		</tr>
		<tr>
			<td>texte</td> //ligne du tableau
		</tr>
	</table>
</div>

CODE CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
.tableau{
	width:100%;
}
div#tableau_scrollbar{
	height: 300px;
	overflow:auto;
}

Merci d'avance

[Deallyra]

Bonsoir Dark Snake,

Sans que cela ne résolve ton problème, une petite remarque déjà.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.tableau{
	width:100%;
}
div#tableau_scrollbar{
	height: 300px;
	overflow:auto;
}

Est incorrect.

Pour donner un style à ta div, il faut utiliser ceci :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.tableau{
	width:100%;
}
#tableau_scrollbar{
	height: 300px;
	overflow:auto;
}

Sinon, l'idée qui me vient actuellement serait de faire deux tableaux, le premier contenant simplement les entêtes des colonnes mais je vais voir s'il n'y a pas autre chose (ce qui m'étonnerait quand même un peu ^^ )

[Auteur]

bonjour,

essaye ce script

Sinon je crois qu'un tel script a été proposé dans la FAQ ou dans les codes sources, mais je suis incapable d'y remettre la main dessus

[Deallyra]

Auteur, le script reprend ce que j'ai proposé non?

Par contre, l'exemple concret proposé sur le post a été hébergé sur un espace n'appartenant pas à développez et la source a été supprimée

[Auteur]

Auteur, le script reprend ce que j'ai proposé non?

oui. Mais j'ai été un peu long à rédiger mon message. Je n'ai donc vu ton message qu'après avoir posté le mien

Par contre, l'exemple concret proposé sur le post a été hébergé sur un espace n'appartenant pas à développez et la source a été supprimée

oui, dans le message n°9 le lien est mort mais je faisais allusion au code contenu dans le message Bien sûr il faudra le mettre un peu à jour (ajouter un doctype, et corriger des petites erreurs )

[Bisûnûrs]

Par contre, l'exemple concret proposé sur le post a été hébergé sur un espace n'appartenant pas à développez et la source a été supprimée

Sinon, on peut regarder le lien du premier message qui fonctionne toujours.

Au passage, mettre div#idelement fonctionne aussi.

[Deallyra]

Au passage, mettre div#idelement fonctionne aussi.

Je teste ça dès demain.

Pareil si on fait

class.nomClasse ?

[Bisûnûrs]

class.nomClass ?

Je dirais plutôt div.nomClasse, oui.

[Deciprog]

Bonjour,

J'ai envoyé un post récemment dans le forum HTML / DHTML / XHTML

http://www.developpez.net/forums/d65...seur-vertical/

J'ai eu beaucoup de solutions (avec les z-index) qui fonctionnent mais qui demande un temps de réponse important.

Je voulais savoir si en CSS on pouvait stabiliser l'en-tête d'un tableau (par exemple en écrivant : static)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<style>
.tableau{
	width:100%;
}
div#tableau_scrollbar{
	height: 300px;
	overflow:auto;
}
</style>
<div id='tableau_scrollbar'>
	<table class='tableau'>
		<tr>
			<th class='tableau_entete'>Nom</th> //colonne en-tête
		</tr>
		<tr>
			<td>texte</td> //ligne du tableau
		</tr>
	</table>
</div>

Merci d'avance

[s.n.a.f.u]

Comme Trunk et Goten dans DBZ : Fuuuusion !

[Deallyra]

Hum... Je ne sais pas JML94...

Il n'y a pas de solution (x)HTML.

C'est un problème de langage serveur ou CSS si jamais un tel comportement est gérable via un style.

Pour moi ce post était légitime dans la section CSS ^^'

[Deciprog]

Bonjour,

Je me permet de relancer ce post car, je n'ai pas encore trouvé de solution.

Merci d'avance

[desert]

Une des tables proposées ici pourrait peut-être te convenir.
Il suffirait "simplement" de changer la taille des tables et colonnes en %.