Discussion :

[franculo_caoulene]

Salut,

Je fais un tableau un tout petit peu complexe (vraiment un peu), dans se tableau je souhaite faire une séparation invisible. Seulement lorsque je fais cette séparation avec des cellules vides j'ai une bordure haute de cellule qui n'apparaît plus.
Voici ma feuille de style :

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
table
{
	border-collapse: collapse;
}
 
.CelluleMauve9
{
	border:2px solid #ccccff;
	color:MediumBlue;
	font-size:9pt;
	font-weight:normal;
	font-family:Arial;	
}
 
.CelluleMauve10
{
	border:2px solid #ccccff;
	color:MediumBlue;
	font-size:10pt;
	font-weight:normal;
	font-family:Arial;	
}
 
.CelluleMauve10Gras
{
	border:2px solid #ccccff;
	color:MediumBlue;
	font-size:10pt;
	font-weight:bold;
	font-family:Arial;	
}

Mon tableau HTML :

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
	<table id="Table3" style="Z-INDEX: 122; LEFT: 40px; POSITION: absolute; TOP: 718px" cellspacing="0" cellpadding="2" width="580" border="0">
	<tr>
		<td class="CelluleMauve10Gras" valign="top" width="164px" rowspan="4"><br>Frais annexes (C)</td>
		<td class="CelluleMauve10" valign="top" width="176px" colspan="2">Hébergement</td>
		<td class="CelluleMauve10" valign="top" width="176px">Nb de nuits  :</td>
		<td class="CelluleMauve10" valign="top" width="64px">soit : &euro;</td>
	</tr>
	<tr>
		<td class="CelluleMauve10" valign="top" width="176px" colspan="2">Restauration</td>
		<td class="CelluleMauve10" valign="top" width="176px">Nb de repas :</td>
		<td class="CelluleMauve10" valign="top" width="64px">soit : &euro;</td>
	</tr>
	<tr>
		<td class="CelluleMauve10" valign="top" width="176px" rowspan="2" colspan="2">Déplacements</td>
		<td class="CelluleMauve10" valign="top" width="176px">Train, autres... :</td>
		<td class="CelluleMauve10" valign="top" width="64px"> &euro;</td>
	</tr>
	<tr>
		<td class="CelluleMauve10" valign="top" width="176px">Voitue :</td>
		<td class="CelluleMauve10" valign="top" width="64px">soit : &euro;</td>
	</tr>
	<tr height="7px">
		<td width="164px"></td>
		<td width="76px"></td>
		<td width="100px"></td>
		<td class="CelluleMauve10Gras" valign="top" width="176px" rowspan="2">Total (C)</td>
		<td class="CelluleMauve10" valign="top" width="64px" rowspan="2"> &euro;</td>
	</tr>
	<tr height="7px">
		<td class="CelluleMauve10" width="164px" rowspan="2" colspan="2">TOTAL <b>(A+B+C)</b> = &euro;</td>
		<td width="100px"></td>
	</tr>
	<tr height="7px">
		<td colspan="3"></td>
	</tr>
<!-- le problème est entre ces deux lignes -->
	<tr>
		<td class="CelluleMauve10" colspan="5"><b>TOTAL DEMANDE AU TITRE DU PLAN = (A+B+C) :</b> &euro; <b>- (P) :</b> &euro; <b>=</b> &euro;</td>
	</tr>
	</table>

Cela doit venir du border-collapse mais j'en ai besoin pour tout le reste du tableau.
La bordure n'apparaissant pas est la bordure haute de la toute dernière ligne à droite du tableau.

Voyez-vous une solution pour que la bordure apparaissent? Je n'ai pas envie de faire un style spécifique à cette cellule Mais si c'est le seul moyen...

Merci par avance.

[Oluha]

dans tes cellules vides met un espace insécable

Code :

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

 

[franculo_caoulene]

Merci mais ça ne résoud pas le problème. Et pour avoir les cellules à la bonne taille je devrais faire un style spécifique, ce que je cherche à éviter.

[Perceval]

A mon avis, il va pourtant falloir appliquer un style propre à cette cellule....