Tableaux décalés

Version imprimable

Tableaux décalés

Bonjour j'ai un souci de décalage de colonnes ds 2 tableaux :
Je m'explique :
2 tableaux que je veux mettre l'un en dessous de l'autre (pour que les colonnes correspondent) le deuxième sera inclus ds un DIV pour pouvoir scroller (d'où le besoin de dexu tableaux) :
Définition du 1er :

Code:

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
50
51
52
53
54
55
56
57
58
 
<%
' Définition de la taille des colonnes
TAILLE_COL_NOM_PROJET = 350
TAILLE_COL_SITE = 40
TAILLE_COL_C16 = 200
TAILLE_COL_TOTAL = 30
TAILLE_COL_JOUR = 14
 
<% 'ENTETE DU TABLEAU %>
<table id="MainTable" width="<%=15+TAILLE_COL_NOM_PROJET+TAILLE_COL_SITE+TAILLE_COL_C16+TAILLE_COL_TOTAL+TOTAL_TAILLE_COL_JOURS+15%>" border="0" cellpadding="0" cellspacing="1">
 
 
<% '1ERE LIGNE DE L'ENTETE DU TABLEAU %>
<% 'CONTIENT LES NOMS DE JOUR         %>
<tr>
	<td width="15" rowspan="3" valign="top" </td>
	<td width="<%=TAILLE_COL_NOM_PROJET+TAILLE_COL_SITE+TAILLE_COL_C16+TAILLE_COL_TOTAL%>" colspan="4">&nbsp;</td>
<%while not RJour.eof%>
<td width="<%=TAILLE_COL_JOUR%>" class="TableauTitrePetit"><%=RJour("JOUR_SEM")%></td>
<%RJour.movenext
wend%>
<td width="15" rowspan="3" valign="top" class="TableauTitrePetit"></td>
</tr>
 
<% '2EME LIGNE DE L'ENTETE DU TABLEAU %>
<% 'CONTIENT LES NUMEROS DE JOUR      %>
<tr>
<%
RJour.movefirst
TOTAL_HEURES_MOIS = 0
while not RJour.eof
%>
<td width="<%=TAILLE_COL_JOUR%>" class="TableauTitrePetit"><%=RJour("NUM_JOUR")%></td>
<%TOTAL_HEURES_MOIS = TOTAL_HEURES_MOIS + RJour("HEURES_MAX")
RJour.movenext
wend
%>
</tr>
 
<% '3EME LIGNE DE L'ENTETE DU TABLEAU %>
<% 'CONTIENT LES ENTETE DE COLONNES   %>
<tr>
<td width="<%=TAILLE_COL_NOM_PROJET%>" Nom projet</td>
<td width="<%=TAILLE_COL_SITE%>" Site</td>
<td width="<%=TAILLE_COL_C16%>"Code projet</td>
<td width="<%=TAILLE_COL_TOTAL%>"<%=TOTAL_HEURES_MOIS%></td>
<%
RJour.movefirst
while not RJour.eof
%>
<td width="<%=TAILLE_COL_JOUR%>" <%=RJour("HEURES_MAX")%></td>
<%
RJour.movenext
wend%>
</tr>
 
</table>

Définition du 2ème :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<table id="ViewTable" colspan=<%=6+iNbJourPeriode%>  width="<%=15+TAILLE_COL_NOM_PROJET+TAILLE_COL_SITE+TAILLE_COL_C16+TAILLE_COL_TOTAL+TOTAL_TAILLE_COL_JOURS+15%>" border="0" cellpadding="0" cellspacing="1">
 
 
<% 'LIGNES DE PROJETS %>
<tr>
<td width="15" class="<%=VarClass%>"></td>
<td width="<%=TAILLE_COL_NOM_PROJET%>"><%=trim(RActivite("NOM_PROJET"))%></td> 
<td width="<%=TAILLE_COL_SITE%>"><%=trim(RActivite("NOM_SITE"))%></td>
<td width="<%=TAILLE_COL_C16%>"><%=Code_Projet%></td> 
<td width="<%=TAILLE_COL_TOTAL%>"<%=RActivite("TOTAL_MOIS")%></td> 
<%
' Affichage des valeurs par jour
RJour.movefirst
while not RJour.eof
<td width="<%=TAILLE_COL_JOUR%>"<%=RActivite("J_" & right("0" & trim(RJour("NUM_JOUR")),2))%></td>
RJour.movenext
wend
%>
<td width="15">&nbsp;</td>
 
</tr>
</table>

Le souci c'est que mes colonnes ne tombent pas "en face".. elles sont décalées !!! quelqu'un verrait-il pourquoi ?
Merci de vos réponses

21/11/2006, 14h29
trotters213

:salut:
tu pourrais nous montrer le code généré plutôt que le code ASP ?

Pas de souci...
je me suis même fait un exemple, reproduisant le même pb en HTML "simplifié" !
Si vous avez une idée, surtout n'hésitez pas !

Code:

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
 
 
<html>
<head>
<title>test</title>
</head>
 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<br>
<form name="FormTitle" method="get">
 
<br>
<table id="MainTable" width="1070" border="1" cellpadding="0" cellspacing="1">
<tr>
	<td width="15" valign="top" >&nbsp;&nbsp;</td>
	<td width="350">1er tableau</td>
	<td width="40" >Site</td>
	<td width="200" >Code projet</td>
	<td width="30" >156</td>
	<td width="14" >me</td>
	<td width="14" >je</td>
	<td width="14" >ve</td>
	<td width="14" >sa</td>
	<td width="14" >di</td>
	<td width="14" >lu</td>
	<td width="14" >ma</td>
	<td width="14" >me</td>
	<td width="14" >je</td>
	<td width="14" >ve</td>
	<td width="14" >sa</td>
	<td width="14" >di</td>
	<td width="14" >lu</td>
	<td width="14" >ma</td>
	<td width="14" >me</td>
	<td width="14" >je</td>
	<td width="14" >ve</td>
	<td width="14" >sa</td>
	<td width="14" >di</td>
	<td width="14" >lu</td>
	<td width="14" >ma</td>
	<td width="14" >me</td>
	<td width="14" >je</td>
	<td width="14" >ve</td>
	<td width="14" >sa</td>
	<td width="14" >di</td>
	<td width="14" >lu</td>
	<td width="14" >ma</td>
	<td width="14" >me</td>
	<td width="14" >je</td>
	<td width="15" valign="top" >&nbsp;&nbsp;</td>
</tr>
</table>
 
<div class="GrilleConsultation">
<table id="ViewTable" width="1070" border="1" cellpadding="0" cellspacing="1">
<tr>
	<td width="15" valign="top" >&nbsp;&nbsp;</td>
	<td width="350" >2ème tableau</td>
	<td width="40" >Site</td>
	<td width="200" >Code projet</td>
	<td width="30" >156</td>
	<td width="14" >0</td>
	<td width="14" >8</td>
	<td width="14" >5</td>
	<td width="14" >0</td>
	<td width="14" >0</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="14" >5</td>
	<td width="14" >0</td>
	<td width="14" >0</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="14" >5</td>
	<td width="14" >0</td>
	<td width="14" >0</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="14" >5</td>
	<td width="14" >0</td>
	<td width="14" >0</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="14" >8</td>
	<td width="15" valign="top" >&nbsp;&nbsp;</td>
</tr>
</table>
<br>
 
</div>
</form>
 
 
 
</body>
</html>

21/11/2006, 14h57
Bisûnûrs

Je vois que mon MP n'a servi à rien vu que le premier post n'est pas modifié ...

Pour répondre à ta question, c'est normal que ça fasse ça. Tu donnes une taille de 14 pixels à tes cellules, mais le contenu dépasse les 14 pixels, donc empiète sur les autres cellules.

Agrandis tes cellules et ça sera bon ...
21/11/2006, 16h08
trotters213

autre chose, au lieu de définir dans toutes tes cellules une largeur(ce qui est super lourd et surtout ingérable en cas de MàJ) tu peux utiliser uune classe, voir mieux un id sur ton tableau et traiter les enfants de cet id.
22/11/2006, 09h56
Opo

Merci pour vos réponses !!
Le décalage venait également du fait que le Width était défini au niveau du tableau lui même !
En tout cas, maintenant mes colonnes sont d'aplomb !
Encore merci !!!