Votre question

Probleme pour centrer mon site sur le web

Tags :
  • web
  • Programmation
Dernière réponse : dans Programmation
9 Décembre 2010 14:52:45

Bonjour, j'ai créé un site mais je n'arrive pas a le centrer sur le web, quelqu'un pourrait il m'aider. Merci par avance.

  1. <html>
  2. <head>
  3.  
  4. <title>{%MetaTitle%}</title>
  5. <meta name="keywords" content="{%MetaKeywords%}">
  6. <meta name="description" content="{%MetaDescription%}">
  7. <meta http-equiv="Content-Type" content="{%MetaCharset%}">
  8. <style type="text/css">
  9. <!--
  10. body{width:100%;}
  11.  
  12. td {
  13. font-family: Tahoma, Arial, Helvetica, sans-serif;
  14. font-size: 11px;
  15. }
  16. .content {
  17. padding-top: 20px;
  18. padding-right: 20px;
  19. padding-bottom: 40px;
  20. padding-left: 20px;
  21. background-image: url(images/e019_22.png);
  22. background-position: left;
  23. background-repeat: repeat-y;
  24. }
  25. .menutop {
  26. background-image: url(images/e019_10.png);
  27. background-repeat: no-repeat;
  28. background-position: right;
  29. height: 31px;
  30. padding-right: 15px;
  31. padding-left: 15px;
  32. vertical-align: middle;
  33. font-weight: bold;
  34. color: #FFFFFF;
  35. }
  36. a:link, a:visited {
  37. color: #FF0000;
  38. text-decoration: underline;
  39. }
  40. a:hover {
  41. color: #000099;
  42. text-decoration: none;
  43. }
  44. .menutop a:link, .menutop a:visited {
  45. color: #FFFFFF;
  46. text-decoration: none;
  47. }
  48. .menutop a:hover {
  49. color: #FFFFFF;
  50. text-decoration: underline;
  51. }
  52. .footer, .footer a:link, .footer a:visited {
  53. color: #FFFFFF;
  54. }
  55. .newsbar {
  56. color: #000000;
  57. font-weight: bold;
  58. padding-left: 15px;
  59. }
  60. .logo {
  61. font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  62. font-weight: bold;
  63. color: #FFFFFF;
  64. }
  65. .leftcontent {
  66. padding-top: 10px;
  67. padding-right: 10px;
  68. padding-bottom: 25px;
  69. padding-left: 10px;
  70. }
  71. .style1 {font-size: 16px}
  72. body {
  73. background-image: url(images/bg_e019.gif);
  74. }
  75. -->
  76. </style>
  77. </head>
  78. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  79. <table style="text-align: center; width: 780px; height: 100%;" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
  80. ;"
  81. <tbody>
  82. </tbody>
  83. <tbody>
  84. <tr>
  85. <td style="text-align: center;"> </td>
  86.  
  87. </tr>
  88. </tbody>
  89. </table>
  90. <table style="text-align: center; width: 760px; height: 100%;" border="0" cellspacing="0" cellpadding="0">
  91. <tbody>
  92. <tr>
  93. <td height="146" background="images/e019_03.png">
  94. <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  95. <tbody>
  96. <tr>
  97. <td width="22"><img src="images/e019_02.png" alt="" width="22" height="146" /></td>
  98. <td width="200">
  99. <table style="width: 160px;" border="0" cellspacing="0" cellpadding="5">
  100. <tbody>
  101. <tr>
  102. <td class="logo" style="text-align: center;"><span class="style1">{%WebsiteName%} </span><br /></td>
  103. </tr>
  104. </tbody>
  105. </table>
  106. </td>
  107. <td>
  108. <p style="text-align: center;"><span style="color: #ffffff; font-size: xx-large;"><span style="font-family: "Courier New", Courier, monospace;"><strong><span style="font-family: Impact, sans-serif;"><span style="font-size: x-large;">STRIKE COMBAT 72</span></span></strong></span></span></p>
  109. <p style="text-align: center;"><span style="font-size: small; color: #ffffff;"><em><strong><span style="font-size: medium;"><span style="font-family: Georgia, sans-serif;"><span style="font-size: small;">"Que feriez-vous en cas d'agression ?"</span></span></span></strong></em></span></p>
  110. </td>
  111. <td width="22"><img src="web_images/shocknife.jpg" alt="" width="109" height="126" /></td>
  112. </tr>
  113. </tbody>
  114. </table>
  115. </td>
  116. </tr>
  117. <tr>
  118. <td height="31" background="images/e019_12.png">
  119. <table border="0" cellspacing="0" cellpadding="0" background="images/e019_08.png">
  120. <tbody>
  121. <tr>
  122. {%menu_start=1%}
  123. <td class="menutop"><a href="{%menu_href%}">{%menu_display%}</a></td>
  124. {%menu_end=1%}
  125. </tr>
  126. </tbody>
  127. </table>
  128. </td>
  129. </tr>
  130. <tr>
  131. <td background="images/e019_16.png">
  132. <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  133. <tbody>
  134. <tr>
  135. <td width="81" height="11"><img src="images/e019_15.png" alt="" width="81" height="11" /></td>
  136. <td height="11"><img src="images/e019_16.png" alt="" width="7" height="11" /></td>
  137. <td width="53" height="11"><img src="images/e019_18.png" alt="" width="53" height="11" /></td>
  138. </tr>
  139. </tbody>
  140. </table>
  141. </td>
  142. </tr>
  143. <tr>
  144. <td height="100%" valign="top">
  145. <table style="width: 100%; height: 100%;" border="0" cellspacing="0" cellpadding="0">
  146. <tbody>
  147. <tr>
  148. <td width="178" valign="top">
  149. <table style="width: 178px;" border="0" cellspacing="0" cellpadding="0">
  150. <tbody>
  151. <tr>
  152. <td class="newsbar" height="35"><img src="web_images/bat20dos20strike20combat_personnage.jpg" alt="" width="334" height="357" /></td>
  153. </tr>
  154. <tr>
  155. <td height="5"><img src="images/e019_25.png" alt="" width="178" height="5" /></td>
  156. </tr>
  157. <tr>
  158. <td class="leftcontent">
  159. <object width="425" height="350" data="http://www.youtube.com/v/ev5YHPsxV-U&feature" type="application/x-shockwave-flash">
  160. <param name="src" value="http://www.youtube.com/v/ev5YHPsxV-U&feature" />
  161. </object>
  162. </td>
  163. </tr>
  164. <tr>
  165. <td>
  166. <object width="425" height="350" data="http://www.youtube.com/v/jDgP354Pk_I&feature" type="application/x-shockwave-flash">
  167. <param name="src" value="http://www.youtube.com/v/jDgP354Pk_I&feature" />
  168. </object>
  169. </td>
  170. </tr>
  171. </tbody>
  172. </table>
  173. </td>
  174. <td class="content" valign="top">{%content%}</td>
  175. </tr>
  176. </tbody>
  177. </table>
  178. </td>
  179. </tr>
  180. <tr>
  181. <td background="images/e019_28.png">
  182. <table style="width: 100%; height: 69px;" border="0" cellspacing="0" cellpadding="0">
  183. <tbody>
  184. <tr>
  185. <td width="53"><img src="images/e019_27.png" alt="" width="53" height="69" /></td>
  186. <td valign="bottom">
  187. <table style="width: 100%;" border="0" cellspacing="0" cellpadding="15">
  188. <tbody>
  189. <tr>
  190. <td class="footer" style="text-align: center;">{%WebsiteFooter%}</td>
  191. </tr>
  192. </tbody>
  193. </table>
  194. </td>
  195. <td width="53"><img src="images/e019_30.png" alt="" width="53" height="69" /></td>
  196. </tr>
  197. </tbody>
  198. </table>
  199. </td>
  200. </tr>
  201. <tr>
  202. <td> </td>
  203. </tr>
  204. </tbody>
  205. </table>
  206. </body>
  207. </html>

Autres pages sur : probleme centrer site web

9 Décembre 2010 14:57:50

Bonjour,

Un site fais avec la balise <table> c'est pas très ergonomique...
Dans ton css essaye:

  1. body {
  2. width: 800px;
  3. margin: 0 auto;
  4. }
m
0
l
9 Décembre 2010 15:09:12

allstar27 a dit :
Bonjour,

Un site fais avec la balise <table> c'est pas très ergonomique...
Dans ton css essaye:

  1. body {
  2. width: 800px;
  3. margin: 0 auto;
  4. }



merci de ta rapidité, c'est une chartres graphique et ne m'y connaissant pas enormement, je le met ou exactement
m
0
l
Contenus similaires
a c 145 L Programmation
9 Décembre 2010 15:16:53

En remplacement de : body{width:100%;}
m
0
l
9 Décembre 2010 15:21:32

merci, c'est bien ce que j'ai fait mais ça ne change rien
m
0
l
9 Décembre 2010 15:35:59

j'ai changé ça par contre

body {width: 1200px;margin: 0 auto;}, j'ai remplacé la valeur 800 par 1200


par e style="text-align: center; width:1200px;height: 100%;" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">

table style="text-align: center; width: 1200px; height: 100%;" border="0" cellspacing="0"00

J'ai augmenté les valeurs des px c'est beaucoup mieux mais ça ne prend pas encore toute ma page
m
0
l
10 Décembre 2010 11:28:17

C'est que ta résolution est plus élevée, mais tout le monde ne possède pas une grande résolution... ca risque de posé problème pour les autres...
m
0
l
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