Tableau avec bandeau qui ne défile pas

**gus02** · 23/05/2008, 16h27

Bonjour a tous et a toutes donc voila mon souci :
J'ai un tableau avec un bandeau au dessus qui sert de legende et moi je voudrais mettre la légende dans mon tableau (pour que les colonnes soit bien en face les une des autres....)

Mais il ne faut pas que le bandeau defile car il y a un scroll bar dans mon tableau sinon j'aurais rajouter un <tr> <td> </td> </tr>
donc si c possible sans java juste html et CSS merci de vos réponses

**blueice** · 23/05/2008, 17h29

Rien compris, un exemple visuel ne serait pas de trop...

**gus02** · 26/05/2008, 10h12

voila a quoi ressemble mon tableau actuellement :

et moi je voudrais que sa ressemble a sa :

avec la legende qui reste fixe en haut du tableau ! merki

**franculo_caoulene** · 26/05/2008, 10h25

Salut,

Essaie ça

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>test (x)html</title>
	<style type="text/css">
		tbody {height:100px; overflow:auto;}
 	</style>
</head>
<body id="body">
	<div>
		<table>
			<thead>
				<tr><th>lég. 1</th><th>lég. 2</th><th>lég. 3</th></tr>
			</thead>
			<tbody>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
				<tr><td>contenu 1</td><td>contenu 2</td><td>contenu 3</td></tr>
			</tbody>
		</table>
	</div>
</body>
</html>

**gus02** · 26/05/2008, 11h16

Bon b merci bien pour cette reponse rapide il ne me reste plus qu'a le mettre en forme et je vais voir si c'est possible d'améliorer sa pour que ce soit plus design parce que ce qui me gene la c'est la scroll bar en bas mais bon j'ai qu'a augeumenter la taille du tableau

Tableau avec bandeau qui ne défile pas

Tableau en CSS

Discussions similaires

Partager

Partager