Tableau avec bordures

**legrec** · 05/12/2006, 16h01

Boujour,

J'ai un petit soucis de bordure.

Je vous met le code:

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
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
<table style="border:2px solid black;">
        <table>
                <tr>
                        <td><form method="post" action="">
                                <p><label>NUMERO OFFRE:&nbsp;&nbsp;<input type="text" name="num_offre" size="6" maxlength="6" /></label></p>
                        </form></td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td><form method="post" action="">
                                <p><label>VERSION:&nbsp;&nbsp;<input type="text" name="version" value="A" size="1" maxlength="1" /></label></p>
                        </form></td>
                </tr>
        </table>
        <table style="border-collapse:collapse;">
                <tr>
                        <th></th>                                                 
                                <td style="border:2px solid black;">MONTANT AVENANT</td>
                                <td style="border:2px solid black;">MONTANT TOTAL</td>
                </tr>
                <tr>
                        <th style="border:2px solid black;">PRIX DE VENTE</th>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="prix_avenant" size="10" maxlength="10" /></p>
                                </form></td>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="prix_total" size="10" maxlength="10" /></p>
                                </form></td>
                                <td></td>
                                <td><form method="post" action="">
                                        <p><label>MARGE NETTE&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="prix_avenant" size="4" maxlength="4" /></label></p>
                                </form></td>
                </tr>
                <tr>
                        <th style="border:2px solid black;">C.R.T</th>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="crt_avenant" size="10" maxlength="10" /></p>
                                </form></td>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="crt_total" size="10" maxlength="10" /></p>
                                </form></td>
                </tr>
                <tr>
                        <th style="border:2px solid black;">ACHATS</th>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="achats_avenant" size="10" maxlength="10" /></p>
                                </form></td>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="achats_total" size="10" maxlength="10" /></p>
                                </form></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><form method="post" action="">
                                        <p><label>MARGE/COUT VARIABLE&nbsp;&nbsp;<input type="text" name="prix_avenant" size="4" maxlength="4" /></label></p>
                                </form></td>
                </tr>
                <tr>
                        <th style="border:2px solid black;">MISSON</th>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="mission_avenant" size="10" maxlength="10" /></p>
                                </form></td>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="mission_total" size="10" maxlength="10" /></p>
                                </form></td>
                </tr>
                <tr>
                        <th style="border:2px solid black;">HEURES IC</th>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="hic_avenant" size="10" maxlength="10" /></p>
                                </form></td>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="hic_total" size="10" maxlength="10" /></p>
                                </form></td>
                </tr>
                <tr>
                        <th style="border:2px solid black;">HEURES PE</th>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="hpe_avenant" size="10" maxlength="10" /></p>
                                </form></td>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="hpe_total" size="10" maxlength="10" /></p>
                                </form></td>
                </tr>
                <tr>
                        <th style="border:2px solid black;">HEURE PO</th>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="hpo_avenant" size="10" maxlength="10" /></p>
                                </form></td>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="hpo_total" size="10" maxlength="10" /></p>
                                </form></td>
                </tr>
                <tr>
                        <th style="border:2px solid black;">HEURE MACHINE</th>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="hmachine_avenant" size="10" maxlength="10" /></p>
                                </form></td>
                                <td style="border:2px solid black;"><form method="post" action="">
                                        <p><input type="text" name="hmachine_total" size="10" maxlength="10" /></p>
                                </form></td>
                                <td>&nbsp;&nbsp;(xH Boucle + xH MEB)</td>
                </tr>
        </tr>
</table>

Je voudrai que le tout soit entouré par une bordure.
(c est pour ca que j'ai essayé de mettre un tableau dans un tableau, mais le j'arrive pas à faire apparître la bordure du tableau père.)

Pouvez vous m'aider???

Merci d'avance.

**nemo69500** · 05/12/2006, 16h10

va voire la
je trouve ca mieux que deux tableau

**trotters213** · 05/12/2006, 17h47

Il ne faut pas utiliser de tableaux pour la mise en page.
Utilise plutôt des div.
Tu encadres tout ton code dans un div auquel tu donnes comme attribut dans le CSS

Code CSS :

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