Bonjour tout le monde,

Je viens vous demander de l'aide parce que ca fait 2h que je sèche sur le template de mon appli.

Je l'ai réalisé avec Fireworks en png, puis j'ai découpé avec l'outil tranche afin d'obtenir le tableau HTML déjà pret parce que je n'ai pas les compétences pour me le faire à la main.

Tout s'affiche très bien sauf lorsque le contenu du td principal contient des donnés trop larges, tout est décalé pourtant vous le verrez dans le code j'ai prévu des cellules à largeur variable qui on leur background avec un repeat-x mais ca ne fonctionne pas, ces cellules ne s'elargissent pas on dirait.

je met une capture d'écran et une avec le décalage puis le code de la page.

merci d'avance !





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
 <body bgcolor="#ffffff" onload="MM_preloadImages('gui-tiles/images/template_decoupe_r2_c5_f2.gif','gui-tiles/images/template_decoupe_r2_c5_f4.gif','gui-tiles/images/template_decoupe_r2_c5_f3.gif','gui-tiles/images/template_decoupe_r2_c7_f2.gif','gui-tiles/images/template_decoupe_r2_c7_f4.gif','gui-tiles/images/template_decoupe_r2_c7_f3.gif','gui-tiles/images/template_decoupe_r2_c9_f2.gif','gui-tiles/images/template_decoupe_r2_c9_f4.gif','gui-tiles/images/template_decoupe_r2_c9_f3.gif','gui-tiles/images/template_decoupe_r2_c11_f2.gif','gui-tiles/images/template_decoupe_r2_c11_f4.gif','gui-tiles/images/template_decoupe_r2_c11_f3.gif','gui-tiles/images/template_decoupe_r2_c13_f2.gif','gui-tiles/images/template_decoupe_r2_c13_f4.gif','gui-tiles/images/template_decoupe_r2_c13_f3.gif');">
        <table align="center" border="0" cellpadding="0" cellspacing="0" >
            <!-- fwtable fwsrc="template_decoupe.png" fwbase="template_decoupe.gif" fwstyle="Dreamweaver" fwdocid = "1148474808" fwnested="0" -->
            <tr>
                <td><img src="gui-tiles/images/spacer.gif" width="12" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="61" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="33" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="105" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="130" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="4" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="130" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="4" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="130" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="4" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="130" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="4" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="124" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="6" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="23" height="1" border="0" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
 
            <tr>
                <td rowspan="3" colspan="2"><img name="template_decoupe_r1_c1" src="gui-tiles/images/template_decoupe_r1_c1.gif" width="73" height="108" border="0" id="template_decoupe_r1_c1" alt="" /></td>
                <td rowspan="3" valign="top"  class="barreHaut" >&nbsp;</td>
                <td colspan="12"><img name="template_decoupe_r1_c4" src="gui-tiles/images/template_decoupe_r1_c4.gif" width="794" height="75" border="0" id="template_decoupe_r1_c4" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="1" height="75" border="0" alt="" /></td>
            </tr>
            <tr>
                <td rowspan="2"><img name="template_decoupe_r2_c4" src="gui-tiles/images/template_decoupe_r2_c4.gif" width="105" height="33" border="0" id="template_decoupe_r2_c4" alt="" /></td>
                <td><html:link action="choixAgent" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','template_decoupe_r2_c5','gui-tiles/images/template_decoupe_r2_c5_f2.gif','gui-tiles/images/template_decoupe_r2_c5_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','template_decoupe_r2_c5','gui-tiles/images/template_decoupe_r2_c5_f3.gif',1);"><img name="template_decoupe_r2_c5" src="gui-tiles/images/template_decoupe_r2_c5.gif" width="130" height="20" border="0" id="template_decoupe_r2_c5" alt="" /></html:link></td>
                <td rowspan="2"><img name="template_decoupe_r2_c6" src="gui-tiles/images/template_decoupe_r2_c6.gif" width="4" height="33" border="0" id="template_decoupe_r2_c6" alt="" /></td>
                <td><html:link action="choixRequeteBuilder" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','template_decoupe_r2_c7','gui-tiles/images/template_decoupe_r2_c7_f2.gif','gui-tiles/images/template_decoupe_r2_c7_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','template_decoupe_r2_c7','gui-tiles/images/template_decoupe_r2_c7_f3.gif',1);"><img name="template_decoupe_r2_c7" src="gui-tiles/images/template_decoupe_r2_c7.gif" width="130" height="20" border="0" id="template_decoupe_r2_c7" alt="" /></html:link></td>
                <td rowspan="2"><img name="template_decoupe_r2_c8" src="gui-tiles/images/template_decoupe_r2_c8.gif" width="4" height="33" border="0" id="template_decoupe_r2_c8" alt="" /></td>
                <td><html:link action="statistiques"  onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','template_decoupe_r2_c9','gui-tiles/images/template_decoupe_r2_c9_f2.gif','gui-tiles/images/template_decoupe_r2_c9_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','template_decoupe_r2_c9','gui-tiles/images/template_decoupe_r2_c9_f3.gif',1);"><img name="template_decoupe_r2_c9" src="gui-tiles/images/template_decoupe_r2_c9.gif" width="130" height="20" border="0" id="template_decoupe_r2_c9" alt="" /></html:link></td>
                <td rowspan="2"><img name="template_decoupe_r2_c10" src="gui-tiles/images/template_decoupe_r2_c10.gif" width="4" height="33" border="0" id="template_decoupe_r2_c10" alt="" /></td>
                <td><html:link action="optionsBuilder"  onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','template_decoupe_r2_c11','gui-tiles/images/template_decoupe_r2_c11_f2.gif','gui-tiles/images/template_decoupe_r2_c11_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','template_decoupe_r2_c11','gui-tiles/images/template_decoupe_r2_c11_f3.gif',1);"><img name="template_decoupe_r2_c11" src="gui-tiles/images/template_decoupe_r2_c11.gif" width="130" height="20" border="0" id="template_decoupe_r2_c11" alt="" /></html:link></td>
                <td rowspan="2"><img name="template_decoupe_r2_c12" src="gui-tiles/images/template_decoupe_r2_c12.gif" width="4" height="33" border="0" id="template_decoupe_r2_c12" alt="" /></td>
                <td colspan="2"><html:link action="logout" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','template_decoupe_r2_c13','gui-tiles/images/template_decoupe_r2_c13_f2.gif','gui-tiles/images/template_decoupe_r2_c13_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','template_decoupe_r2_c13','gui-tiles/images/template_decoupe_r2_c13_f3.gif',1);"><img name="template_decoupe_r2_c13" src="gui-tiles/images/template_decoupe_r2_c13.gif" width="130" height="20" border="0" id="template_decoupe_r2_c13" alt="" /></html:link></td>
                <td rowspan="2"><img name="template_decoupe_r2_c15" src="gui-tiles/images/template_decoupe_r2_c15.gif" width="23" height="33" border="0" id="template_decoupe_r2_c15" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="1" height="20" border="0" alt="" /></td>
            </tr>
            <tr>
                <td><img name="template_decoupe_r3_c5" src="gui-tiles/images/template_decoupe_r3_c5.gif" width="130" height="13" border="0" id="template_decoupe_r3_c5" alt="" /></td>
                <td><img name="template_decoupe_r3_c7" src="gui-tiles/images/template_decoupe_r3_c7.gif" width="130" height="13" border="0" id="template_decoupe_r3_c7" alt="" /></td>
                <td><img name="template_decoupe_r3_c9" src="gui-tiles/images/template_decoupe_r3_c9.gif" width="130" height="13" border="0" id="template_decoupe_r3_c9" alt="" /></td>
                <td><img name="template_decoupe_r3_c11" src="gui-tiles/images/template_decoupe_r3_c11.gif" width="130" height="13" border="0" id="template_decoupe_r3_c11" alt="" /></td>
                <td colspan="2"><img name="template_decoupe_r3_c13" src="gui-tiles/images/template_decoupe_r3_c13.gif" width="130" height="13" border="0" id="template_decoupe_r3_c13" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="1" height="13" border="0" alt="" /></td>
            </tr>
            <tr>
                <td valign="top" class="barreGauche"><p style="margin:0px"></p></td>
                <td colspan="12" valign="top" bgcolor="#F0F0F0"><tiles:insert attribute='body' /></td>
                <td colspan="2" valign="top" class="barreDroite"><p style="margin:0px"></p></td>
                <td><img src="gui-tiles/images/spacer.gif" width="1" height="349" border="0" alt="" /></td>
            </tr>
            <tr>
                <td colspan="2"><img name="template_decoupe_r5_c1" src="gui-tiles/images/template_decoupe_r5_c1.gif" width="73" height="38" border="0" id="template_decoupe_r5_c1" alt="" /></td>
                <td valign="top" class="barreBas">&nbsp;</td>
                <td colspan="12"><img name="template_decoupe_r5_c4" src="gui-tiles/images/template_decoupe_r5_c4.gif" width="794" height="38" border="0" id="template_decoupe_r5_c4" alt="" /></td>
                <td><img src="gui-tiles/images/spacer.gif" width="1" height="38" border="0" alt="" /></td>
            </tr>
        </table>
    </body>
</html>