Se connecter avec
S'enregistrer | Connectez-vous

[webspell] Probleme du codage (image de fond)

Dernière réponse : dans Programmation

Bonjour, mon probleme est le suivant :

J'ai installé un site avec comme base du webspell sur lequels j'ai uplodé un théme webspell ( compatible ). J'ai modifier la mise en forme ( la disposition des block ). selement voila se que sa donne :

http://infonet83.free.fr/site/index.php

Comme vous pouvez le voir j'ai redimentionné les 2 block du centre mais l'image de fond ( le noir et gris ) rest coupé en trois colone se qui n'ai vraiment pas térrible.
Je voudrai donc soit faire en sorte que le fond prénne toute la largeur, soir qu'il soit coupé en 2 ( au bon endroit, à l'intersection des 2 block ).
Voici le contenu de l'index.php
  1. <?php
  2. include("_mysql.php");
  3. include("_settings.php");
  4. include("_functions.php");
  5. ?><head>
  6. <style type="text/css"><!--
  7. .tablebg
  8. {
  9. background-image:url(images/design_36.jpg);
  10. background-repeat:no-repeat;
  11. }
  12. .tablebgleft
  13. {
  14. background-image:url(images/design_48.jpg);
  15. background-repeat:no-repeat;
  16. }
  17. .loginbg
  18. {
  19. background-image:url(images/design_15.jpg);
  20. background-repeat:no-repeat;
  21. height: 113px;
  22. }
  23. --></style>
  24. <title><? echo PAGETITLE; ?></title>
  25. <link href="_stylesheet.css" rel="stylesheet" type="text/css">
  26. <script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
  27. <title></title>
  28. <script language="JavaScript" type="text/JavaScript">
  29. <!--
  30. function MM_swapImgRestore() { //v3.0
  31. var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  32. }
  33.  
  34. function MM_preloadImages() { //v3.0
  35. var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  36. var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  37. if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  38. }
  39.  
  40. function MM_findObj(n, d) { //v4.01
  41. var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  42. d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  43. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  44. for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  45. if(!x && d.getElementById) x=d.getElementById(n); return x;
  46. }
  47.  
  48. function MM_swapImage() { //v3.0
  49. var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  50. if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  51. }
  52. //-->
  53. </script>
  54. </head>
  55. <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/designh_12.jpg','images/designh_16.jpg','images/designh_17.jpg','images/designh_18.jpg','images/designh_19.jpg','images/designh_22.jpg','images/designh_25.jpg','images/designh_26.jpg','images/designh_28.jpg','images/designh_29.jpg','images/designh_30.jpg','images/designh_31.jpg','images/designh_32.jpg','images/designh_35.jpg','images/designh_37.jpg','images/designh_38.jpg','images/designh_39.jpg','images/designh_40.jpg','images/designh_42.jpg','images/designh_44.jpg','images/designh_45.jpg')">
  56. <div align="center">
  57. <table border="0" width="998" cellspacing="0" cellpadding="0">
  58. <tr>
  59. <td width="998" style="background-image: url('images/design_03.jpg'); width: 1000px; height: 150px; padding-top:127px; padding-left:72px; padding-right: 400px"><? include("sc_scrolltext.php"); ?></td>
  60. </tr>
  61. <tr>
  62. <td width="998" style="background-image: url('images/design_49.jpg')">
  63. <table border="0" width="100%" cellspacing="0" cellpadding="0">
  64. <tr>
  65. <td width="149" valign="top">
  66. <table border="0" width="149" cellspacing="0" cellpadding="0">
  67.  
  68. <tr>
  69. <td width="149" style="background-image: url('images/design_05.jpg'); width: 149px; height: 22px"></td>
  70. </tr>
  71. <tr>
  72. <td width="149"><a href="?site=news" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('news','','images/designh_12.jpg',1)"><img src="images/design_12.jpg" name="news" width="149" height="21" border="0"></a></td>
  73. </tr>
  74. <tr>
  75. <td width="149"><a href="?site=news&action=archive" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('archiv','','images/designh_16.jpg',1)"><img src="images/design_16.jpg" name="archiv" width="149" height="21" border="0"></a></td>
  76. </tr>
  77. <tr>
  78. <td width="149"><a href="?site=articles" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('articles','','images/designh_17.jpg',1)"><img src="images/design_17.jpg" name="articles" width="149" height="21" border="0"></a></td>
  79. </tr>
  80. <tr>
  81. <td width="149"><a href="?site=calendar" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('calendar','','images/designh_18.jpg',1)"><img src="images/design_18.jpg" name="calendar" width="149" height="21" border="0"></a></td>
  82. </tr>
  83. <tr>
  84. <td width="149" style="background-image: url('images/design_20.jpg'); width: 149px; height: 21px"></td>
  85. </tr>
  86. <tr>
  87. <td width="149"><a href="?site=members" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('members','','images/designh_22.jpg',1)"><img src="images/design_22.jpg" name="members" width="149" height="21" border="0"></a></td>
  88. </tr>
  89. <tr>
  90. <td width="149"><a href="?site=clanwars" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('clanwars','','images/designh_25.jpg',1)"><img src="images/design_25.jpg" name="clanwars" width="149" height="21" border="0"></a></td>
  91. </tr>
  92. <tr>
  93. <td width="149"><a href="?site=history" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('history','','images/designh_26.jpg',1)"><img src="images/design_26.jpg" name="history" width="149" height="21" border="0"></a></td>
  94. </tr>
  95. <tr>
  96. <td width="149"><a href="?site=awards" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('awards','','images/designh_28.jpg',1)"><img src="images/design_28.jpg" name="awards" width="149" height="21" border="0"></a></td>
  97. </tr>
  98. <tr>
  99. <td width="149"><a href="?site=sponsors" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sponsors','','images/designh_29.jpg',1)"><img src="images/design_29.jpg" name="sponsors" width="149" height="21" border="0"></a></td>
  100. </tr>
  101. <tr>
  102. <td width="149"><a href="?site=server" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('servers','','images/designh_30.jpg',1)"><img src="images/design_30.jpg" name="servers" width="149" height="21" border="0"></a></td>
  103. </tr>
  104. <tr>
  105. <td width="149"><a href="?site=challenge" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('fight us','','images/designh_31.jpg',1)"><img src="images/design_31.jpg" name="fight us" width="149" height="21" border="0"></a></td>
  106. </tr>
  107. <tr>
  108. <td width="149" style="background-image: url('images/design_33.jpg'); width: 149px; height: 21px"></td>
  109. </tr>
  110. <tr>
  111. <td width="149"><a href="?site=demos" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('demos','','images/designh_37.jpg',1)"><img src="images/design_37.jpg" name="demos" width="149" height="21" border="0"></a></td>
  112. </tr>
  113. <tr>
  114. <td width="149"><a href="?site=gallery" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gallery','','images/designh_38.jpg',1)"><img src="images/design_38.jpg" name="gallery" width="149" height="21" border="0"></a></td>
  115. </tr>
  116. <tr>
  117. <td width="149"><a href="?site=links" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('links','','images/designh_39.jpg',1)"><img src="images/design_39.jpg" name="links" width="149" height="21" border="0"></a></td>
  118. </tr>
  119. <tr>
  120. <td width="149"><a href="?site=polls" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('polls','','images/designh_42.jpg',1)"><img src="images/design_42.jpg" name="polls" width="149" height="21" border="0"></a></td>
  121. </tr>
  122. <tr>
  123. <td width="149" style="background-image: url('images/design_46.jpg'); width: 149px; height: 22px"></td>
  124. </tr>
  125. <tr>
  126. <td width="149" class="tablebgleft"></td>
  127. </tr>
  128. </table>
  129. <table width="145" border="0" align="center" cellpadding="0" cellspacing="2">
  130.  
  131. <tr>
  132. <td><? include("counter.php"); ?></td>
  133. </tr>
  134. </table></td>
  135. <td width="649" valign="top">
  136. <table width="649" border="0" align="center" cellpadding="0" cellspacing="0">
  137.  
  138. <tr>
  139. <td width="649" class="tablebg" height="153" valign="top">
  140. <table width="649" border="0" align="center" cellpadding="0" cellspacing="0">
  141. <tr>
  142. <td style="background-image: url('images/design_09.jpg'); width: 325px; height: 23px"></td>
  143. <td style="background-image: url('images/design_24.jpg'); width: 325px; height: 23px"></td>
  144. </tr>
  145. <tr>
  146. <td><? include("sc_results.php"); ?></td>
  147. <td><? include("sc_headlines.php"); ?></td>
  148. </tr>
  149. </table></td>
  150.  
  151. </tr>
  152.  
  153. <tr>
  154. <td width="649" style="background-image: url('images/design_07.jpg'); width: 645px; height: 22px"></td>
  155. </tr>
  156. <tr>
  157. <td width="649"><?
  158. if(!isset($site)) $site="news";
  159. //Sichheitslücke beheben
  160. $invalide = array('/','/\/',':','.');
  161. $site = str_replace($invalide,' ',$site);
  162. if(!file_exists($site.".php")) $site = "news";
  163. include($site.".php");
  164. ?></td>
  165. </tr>
  166. </table>
  167. </td>
  168. <td width="200" valign="top">
  169. <table width="200" border="0" align="right" cellpadding="0" cellspacing="0">
  170. <tr>
  171. <td width="200" style="background-image: url('images/design_11.jpg'); width: 200px; height: 23px"></td>
  172. </tr>
  173. <tr>
  174. <td width="200" class="loginbg" valign="top"><? include("login.php"); ?></td>
  175. </tr>
  176. <tr>
  177. <td width="200" style="background-image: url('images/design_21.jpg'); width: 200px; height: 22px"></td>
  178. </tr>
  179. <tr>
  180. <td width="200" class="tablebg" height="153" valign="top"><div align="center"><br><? include("msponsors.php"); ?></div></td>
  181. </tr>
  182. <tr>
  183. <td width="200" style="background-image: url('images/design_41.jpg'); width: 200px; height: 22px"></td>
  184. </tr>
  185. <tr>
  186. <td width="100" height="98" class="tablebg" valign="top"><div align="center"><br>
  187. <a href="<a href="http://www.klibr.eu/" target="_blank">http://www.klibr.eu/</a>" target="_blank"><img src="images/klibr.jpg" width="100" height="98" border="0"></a><br>
  188. <? include("partners.php"); ?></div></td>
  189. </tr>
  190. </table>
  191. </td>
  192. </tr>
  193. </table>
  194. </td>
  195. </tr>
  196. <tr>
  197. <td width="998" style="background-image: url('images/design_50.jpg'); width: 998px; height: 20px"></td>
  198. </tr>
  199. </table>
  200. </div>
  201. </body>


J'ai cherché dans l'index mais sans succés.

Si quelqu'un méttrise bien se type de codage et qu'il peut m'apporté son aide je l'en remercie :p 
Lassé par la pub ? Créez un compte
Lassé par la pub ? Créez un compte
Tom's guide dans le monde