Perdu dans mes tableaux

Perdu dans mes tableaux - HTML/CSS - Programmation

Marsh Posté le 26-08-2006 à 11:39:16    

bonjour à tous,
 
voilà, je sui en train de faire un site à partir d'une page déjà existante. Le seul soucis, c'est que je me suis perdu dans les tableaux..  :sweat:  
 
voilà ce que j'ai pour l'instant
 
http://site.voila.fr/hl-inside/pag [...] 7517706472
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4.   <meta http-equiv="Content-Type"
  5. content="text/html; charset=utf-8">
  6. <!-- This website is brought to you by TYPO3 - get.content.right
  7. TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
  8. TYPO3 is copyright 1998-2004 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
  9. Information and contribution at http://www.typo3.com
  10. -->
  11.   <link rel="stylesheet" type="text/css"
  12. href="http://site.voila.fr/hl-inside/fichierspagesintro/Style.css">
  13.   <script
  14. src="http://site.voila.fr/hl-inside/fichierspagesintro/Ufo.js"
  15. type="text/javascript"></script>
  16.   <title>spreadshirt: mein Shirt-Shop - eigene T-Shirts, Caps und
  17. Tassen bedrucken und verkaufen : Spreadshirt.net</title>
  18.   <meta name="generator" content="TYPO3 3.7 CMS">
  19.   <meta name="AUTHOR" content="Spreadshirt GmbH">
  20.   <meta name="KEYWORDS"
  21. content="Shirt, T-Shirt, tshirt, V-Shirt, Girlie-Shirt, Sweatshirt, Raglan, Cap, Druckerei, Digitaldruck, Plottdruck, Flockdruck, Flexdruck, Siebdruck, Transferdruck, Offset, Textildruck, Textilien, Textil, Merchandise, eigene Motive, individuelle Shirts, Shop, Spreadshop">
  22.   <meta name="DESCRIPTION"
  23. content="Sie wollen Ihr Logo oder Design auf einem Shirt unter die Leute bringen? Und dabei ohne &Auml;rger und auch noch kr&auml;ftig verdienen? Sie suchen sich die Shirts aus, &uuml;bermitteln das Design und binden einen kostenlosen Webshop auf Ihrer Seite ein.">
  24.   <script type="text/javascript">
  25. /*<![CDATA[*/
  26. <!--
  27. browserName = navigator.appName;
  28. browserVer = parseInt(navigator.appVersion);
  29. var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
  30. if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror" ) {version = "n3";} else {version = "n2";}
  31. // Blurring links:
  32. function blurLink(theObject) { //
  33. if (msie4) {theObject.blur();}
  34. }
  35. // -->
  36. /*]]>*/
  37.   </script>
  38. </head>
  39. <body leftmargin="0" topmargin="0"
  40. style="background-color: rgb(255, 255, 255);" marginheight="0"
  41. marginwidth="0">
  42. <div id="printtag"><a
  43. href="http://www.spreadshirt.net/777.0.html?PHPSESSID=1b38a08d1d5a353b21f12d171719b290"><br>
  44. </a></div>
  45. <div style="top: 0px; height: 39px;" class="pageheader">
  46. <br>
  47. <big><big style="font-weight: bold;"><a
  48. href="http://www.spreadshirt.net/?PHPSESSID=1b38a08d1d5a353b21f12d171719b290"><span
  49. editable="true" id="titresite">Hardcore Libertarian
  50. Inside</span></a></big></big>
  51. </div>
  52. <div class="menutopborder">
  53. <div style="float: right; padding-right: 3px;">
  54. <form action="?" method="post" name="international"><input
  55. name="PHPSESSID" value="1b38a08d1d5a353b21f12d171719b290"
  56. type="hidden"></form>
  57. </div>
  58. <div style="float: right; padding-top: 3px;"><a
  59. href="mailto:aubert.simon@caramail.com"><img
  60. style="border: 0px solid ; width: 60px; height: 12px;"
  61. src="icon_contact.gif" alt="Contact Us"></a><img
  62. src="space.gif" border="0" height="12" width="10"></div>
  63. <br class="clear">
  64. </div>
  65. <br>
  66. <div style="top: 51px; height: 289px;"
  67. class="start_screenarea"> <a name="6936"></a><img
  68. alt="Hardcore Libertarian Inside"
  69. src="http://site.voila.fr/hl-inside/fichierspagesintro/banierehbig.jpg?0.6778494492823465"
  70. style="border: 0px solid ; position: relative; left: 0px; top: 0px; width: 798px; height: 270px;">&nbsp;
  71. <a name="5791"></a>
  72. <div class="fatwhite40"
  73. style="position: absolute; left: 400px; top: 76px;"></div>
  74. <div class="fatblue16"
  75. style="position: absolute; left: 401px; width: 323px; top: 190px; height: 30px;"><span
  76. style="text-decoration: underline;">Bienvenue sur<br>
  77. <br>
  78. </span>
  79. </div>
  80. <div class="fatblue16"
  81. style="position: absolute; left: 410px; top: 220px; height: 30px;"><a
  82. class="fatblue16link" style="font-size: 20px;"
  83. href="http://www.spreadshirt.net/shop.php?sid=40000&amp;affiliate=46322"><br>
  84. </a> </div>
  85. <br>
  86. <br>
  87. </div>
  88. <a name="8041"></a>
  89. <div style="top: 370px; height: 139px; left: 19px; width: 173px;"
  90. class="start_login">
  91. <form action="https://www.spreadshirt.net/54.0.html"
  92. method="post"
  93. style="margin: 0px; padding: 0px; display: inline;"><input
  94. name="PHPSESSID" value="1b38a08d1d5a353b21f12d171719b290"
  95. type="hidden"> <input name="op"
  96. value="login_handle" type="hidden">
  97.   <div
  98. style="position: absolute; top: 25px; left: 10px; height: 16px;">
  99.   <br>
  100.   </div>
  101.   <br>
  102. </form>
  103. </div>
  104. <a name="5793"></a><a name="5794"></a>
  105. <div class="start_box"
  106. style="left: 215px; width: 183px; height: 140px;" align="left">
  107. <div
  108. style="position: absolute; width: 100%; height: 28px; top: 6px; left: 5px; font-weight: bold; font-size: 12px;">Genial
  109. f&uuml;r <br>
  110. <a
  111. href="http://www.spreadshirt.net/shirts/tshirt-designer-index.html"
  112. style="color: rgb(0, 0, 0); cursor: text; text-decoration: none;">
  113. Homepagebetreiber </a> </div>
  114. <div
  115. style="position: absolute; top: 48px; left: 0px; width: 100%; height: 65px; background-color: rgb(237, 242, 250);">
  116. <div
  117. style="position: absolute; top: 5px; left: 5px; color: rgb(3, 0, 51); font-size: 9px;">&rsaquo;
  118. Kostenlosen Shop einrichten</div>
  119. <div
  120. style="position: absolute; top: 25px; left: 5px; color: rgb(3, 0, 51); font-size: 9px;">&rsaquo;
  121. Bei jeder Bestellung verdienen</div>
  122. <div
  123. style="position: absolute; top: 45px; left: 5px; color: rgb(3, 0, 51); font-size: 9px;">&rsaquo;
  124. Wir drucken und verschicken</div>
  125. </div>
  126. <a style="position: absolute; left: 10px; top: 125px;"
  127. href="http://www.spreadshirt.net/56.0.html?affiliate=46329&amp;PHPSESSID=1b38a08d1d5a353b21f12d171719b290">Jetzt
  128. Spreadshop er&ouml;ffnen!</a>
  129. </div>
  130. <a name="5795"></a>
  131. <div class="start_box"
  132. style="left: 408px; width: 190px; height: 140px;" align="center">
  133. <script language="JavaScript" type="text/javascript"
  134. src="adx.js"></script>
  135. <script language="JavaScript" type="text/javascript">
  136. <!--
  137. if (!document.phpAds_used) document.phpAds_used = ',';
  138. phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
  139. document.write ("<" + "script language='JavaScript' type='text/javascript' src='" );
  140. document.write ("http://spreadomat.net/ads/adjs.php?n=" + phpAds_random);
  141. document.write ("&amp;what=zone:173&amp;target=_top" );
  142. document.write ("&amp;exclude=" + document.phpAds_used);
  143. if (document.referrer)
  144. document.write ("&amp;referer=" + escape(document.referrer));
  145. document.write ("'><" + "/script>" );
  146. //-->
  147. </script>
  148. <script language="JavaScript" type="text/javascript"
  149. src="spreadshirt%20%20mein%20Shirt-Shop%20-%20eigene%20T-Shirts,%20Caps%20und%20Tassen%20bedrucken%20und%20verkaufen%20%20%20Spreadshirt.net_fichiers/adjs_002.js"></script><a
  150. href="http://spreadomat.net/ads/adclick.php?bannerid=508&amp;zoneid=173&amp;source=&amp;dest=http%3A%2F%2Fwww.spreadshirt.de%2FJobs.9.0.html"
  151. target="_top"><img
  152. style="border: 0px solid ; width: 190px; height: 140px;"
  153. src="http://site.voila.fr/hl-inside/fichierspagesintro/imaget_shirt_complet_5___copie.JPG?0.014568769811388549"
  154. alt="collections"></a>
  155. <div id="beacon_508"
  156. style="position: absolute; left: 0px; top: 0px; visibility: hidden;"><img
  157. src="adlog_002.gif" alt=""
  158. style="width: 0px; height: 0px;" height="0" width="0"></div>
  159. <noscript><a
  160. href='http://spreadomat.net/ads/adclick.php?n=aed353cf'
  161. target='_top'><img
  162. src='http://spreadomat.net/ads/adview.php?what=zone:173&amp;n=aed353cf'
  163. border='0' alt=''></a></noscript>
  164. <!--<a style="position: absolute; left: 10px; top: 125px" href="http://www.shirtomat.de/contest/index.html">London Design Competition</a>-->
  165. </div>
  166. <a name="5796"></a>
  167. <div class="start_box"
  168. style="left: 608px; width: 190px; height: 140px;" align="center">
  169. <script language="JavaScript" type="text/javascript"
  170. src="adx.js"></script>
  171. <script language="JavaScript" type="text/javascript"
  172. src="spreadshirt%20%20mein%20Shirt-Shop%20-%20eigene%20T-Shirts,%20Caps%20und%20Tassen%20bedrucken%20und%20verkaufen%20%20%20Spreadshirt.net_fichiers/adjs.js"></script><a
  173. href="http://spreadomat.net/ads/adclick.php?bannerid=678&amp;zoneid=172&amp;source=&amp;dest=http%3A%2F%2Fwww.euro-trikot.de%2F%3Faffiliate%3D321923"
  174. target="_top"><img
  175. src="spreadshirt%20%20mein%20Shirt-Shop%20-%20eigene%20T-Shirts,%20Caps%20und%20Tassen%20bedrucken%20und%20verkaufen%20%20%20Spreadshirt.net_fichiers/adimage.jpg"
  176. alt="Nach der WM ist vor der EM!"
  177. title="Nach der WM ist vor der EM!" border="0"
  178. height="140" width="190"></a>
  179. <div id="beacon_678"
  180. style="position: absolute; left: 0px; top: 0px; visibility: hidden;"><img
  181. src="spreadshirt%20%20mein%20Shirt-Shop%20-%20eigene%20T-Shirts,%20Caps%20und%20Tassen%20bedrucken%20und%20verkaufen%20%20%20Spreadshirt.net_fichiers/adlog.gif"
  182. alt="" style="width: 0px; height: 0px;" height="0"
  183. width="0"></div>
  184. <noscript><a
  185. href='http://spreadomat.net/ads/adclick.php?n=a46cc2f5'
  186. target='_top'><img
  187. src='http://spreadomat.net/ads/adview.php?what=zone:172&amp;n=a46cc2f5'
  188. border='0' alt=''></a></noscript>
  189. </div>
  190. <div style="top: 515px; height: 60px; text-align: center;"
  191. class="start_menubottom"> <big><big><big><big><span
  192. style="text-decoration: underline;">Mettre flux rss ici</span></big></big></big></big><br>
  193. </div>
  194. </body>
  195. </html>


 
 
 Ce que j'essaye d'obtenir desespérement depuis 2 heures:
-mettre l'image "Nos collections" à la place du gig au-dessus d'elle
-placer ce gif à la place de l'image à sa gauche
-placer une image (pas encore réalisée mais en attendant on peut remettre "nos collections" à la place)
-virer la case à droite et "la case "genial fûr homepag......."
 
----------
Un desespéré vous remercie d'avance.
 
(NB: le reste du code, je devrais m'en sortir tout seul, inutile de me faire remarquer le texte ou les liens ne sont pas mis à jour ;) )

Reply

Marsh Posté le 26-08-2006 à 11:39:16   

Reply

Marsh Posté le 26-08-2006 à 11:40:15    

A part te dire de jeter tout ton code à la poubelle, je ne vois pas quoi te dire d'autre :/

Reply

Marsh Posté le 26-08-2006 à 15:43:40    

J'y ai pensé mais je crains que ce ne soit pas envisageable pour être honnête.

Reply

Marsh Posté le 26-08-2006 à 16:08:22    

au fait, ce ne sont pas des tableaux mais des div.. Andouille que je suis..

Message cité 1 fois
Reply

Marsh Posté le 26-08-2006 à 16:30:19    

Dostix a écrit :

au fait, ce ne sont pas des tableaux mais des div.. Andouille que je suis..


Même :/ le code est tellement crade qu'il vaut mieux tout recommencer de zero :/

Reply

Marsh Posté le 27-08-2006 à 12:58:02    

Formatte ton code. Je veux dire, ajoute des espaces en début de ligne pour t'y retrouver:

Code :
  1. <div>
  2.   <div>
  3.     <span>
  4.     </span>
  5.   </div>
  6.   <span>
  7.   </span>
  8. </div>


Ce sera plus clair.
 
Pour une page complexe, les style=blabla sont de trop et devraient se retrouver dans la feuille de style avec un class=blabla.

Reply

Marsh Posté le 02-09-2006 à 08:39:15    

Bon, finalement, j'ai supprimé une bonne partie du code php et foutu des tableaux tout bêtes à la place:
 
http://site.voila.fr/hl-inside/index.html
 
Plus joli non?

Reply

Marsh Posté le 02-09-2006 à 16:17:15    

Enfin fini :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed