Se connecter / S'enregistrer
Votre question

[webspell] Probleme du codage (image de fond)

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
27 Avril 2007 18:40:58

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/" rel="nofollow" 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 

Autres pages sur : webspell probleme codage image fond

28 Avril 2007 20:01:44

up ?
Personne ne peut m'apporté son aide ? je penssez pourtant trouvé une solution ici ....
22 Juin 2007 10:14:22

Je n'est pas lu le code PHP, néanmoin j'ai fait un petit tour sur ton site et je pense que la table est plus grande que l'image de fond (backgroud) ce qui explique la répétition !
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS