Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2675 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Perdu dans mes tableaux

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Perdu dans mes tableaux

n°1431758
Dostix
Aban!
Posté le 26-08-2006 à 11:39:16  profilanswer
 

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 ;) )

mood
Publicité
Posté le 26-08-2006 à 11:39:16  profilanswer
 

n°1431759
gatsu35
Blablaté par Harko
Posté le 26-08-2006 à 11:40:15  profilanswer
 

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

n°1431864
Dostix
Aban!
Posté le 26-08-2006 à 15:43:40  profilanswer
 

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

n°1431869
Dostix
Aban!
Posté le 26-08-2006 à 16:08:22  profilanswer
 

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

Message cité 1 fois
n°1431873
gatsu35
Blablaté par Harko
Posté le 26-08-2006 à 16:30:19  profilanswer
 

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 :/

n°1432081
nargy
Posté le 27-08-2006 à 12:58:02  profilanswer
 

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.

n°1435505
Dostix
Aban!
Posté le 02-09-2006 à 08:39:15  profilanswer
 

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?

n°1435652
Dostix
Aban!
Posté le 02-09-2006 à 16:17:15  profilanswer
 

Enfin fini :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Perdu dans mes tableaux

 

Sujets relatifs
Perdu dans un monde étrange fait de chiffres et de lettresUn peu perdu avec les templates
Alignement sans tableaux...Je suis perdu pour utiliser un flux XML
Comparer deux tableaux excelTableaux complexes en php
[HTML/JS/PHP]Créer un système de BBCode gérant les tableauxtableaux iùmbriqués sous word
Tableaux imbriqués dans wordJava et les tableaux (J&#8217;ai un gros-petit problème)
Plus de sujets relatifs à : Perdu dans mes tableaux

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.106 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)