Discussion :

[Jeff2marseille]

Bonjour, je souhaite réaliser une page avec plusieurs "cadres" (tableaux), sur deux colones. Mon code fonctionne parfaitement sous firefox, mais sous IE tout se superpose. Pouvez vous m'aider ?

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
<table border="0" align="center" width="100%">
<tr valign="top">
<!------------ la première colone ---------->
<td align="left" width="50%">
<!------------------------------------------>
 
<table align="left" width="97%" style="border-style: dashed;border-width:1px;border-color: #000000;"><tr><td align="center" bgcolor="FF7471">
blablabla
</td></tr></table>
 
<p></p>
 
<table align="left" width="97%" style="border-style: dashed;border-width:1px;border-color: #000000;margin-top: 15px;"><tr><td align="center" bgcolor="7DD5FB">
blablabla
</tr></td></table>
 
<!----------la deuxieme colone------------------------------------>
</td><td align="left" width="50%">
<!--------------------------------------------------------->
 
<table align="right" width="97%" style="border-style: dashed;border-width:1px;border-color: #000000;margin-top: 15px;"><tr><td align="center" bgcolor="7DD5FB">
blablabla
</tr></td></table>
 
<p></p>
 
<table align="right" width="97%" style="border-style: dashed;border-width:1px;border-color: #000000;margin-top: 15px;"><tr><td align="center" bgcolor="7DD5FB">
blablabla
</tr></td></table>
 
<!----------->
</td></tr></table>
<!------------->

[hellspawn_ludo]

Bonsoir Jeff2marseille,

En espérant que c'est ce que tu voulais.
Fonctionne sous IE et FF. En revanche, ce dernier n'accepte pas tes couleurs. Faudra les remplacer par du CSS je pense.

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
 
    <table border="2" align="center" width="100%">
        <tr valign="top">
            <!--la première colone -->
            <td align="left" width="50%">
 
                <table border="1" align="left" width="50%" style="border-style: dashed;border-width:1px;border-color: #000000;margin-top: 0px;">
                    <tr>
                        <td align="center" bgcolor="FF7471">TAB1 COL1
                        </td>
                    </tr>
                </table>
 
                <table border="1" align="left" width="50%" style="border-style: dashed;border-width:1px;border-color: #000000;margin-top: 0px;">
                    <tr>
                        <td align="center" bgcolor="FF7471">TAB1 COL2
                        </td>            
                    </tr>
 
                </table>
            </td>
 
            <!--la deuxieme colone-->
            <td align="left" width="50%">
 
                <table border="1"  align="left" width="50%" style="border-style: dashed;border-width:1px;border-color: #000000;margin-top: 0px;">
                    <tr>
                        <td align="center" bgcolor="7DD5FB">TAB2 COL1
                        </td>
                    </tr>
                </table>
 
 
                <table border="1" align="left" width="50%" style="border-style: dashed;border-width:1px;border-color: #000000;margin-top: 0px;">
                    <tr>
                        <td align="center" bgcolor="7DD5FB">TAB2 COL2
 
                        </td>
                    </tr>
                </table>
 
           </td>
        </tr>
    </table>

P.S. : Question de lisibilité, pense à l'indentation du code. Merci.

[Deallyra]

Bonjour,

@hellspawn_ludo, on met un # devant les codes hexadécimaux

@Jeff2marseille, si c'est une mise en page que tu requiers, ne penses pas tableau mais division et CSS
+1 pour l'indentation du code.

[hellspawn_ludo]

@MimiCracra44, oups oublié.