Tom's Guide > Forum > Programmation > Emplacement tableau

Emplacement tableau

Forum Programmation : Emplacement tableau

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

Bonjour à tous,
je suis en pleine construction d'un nouveau site et j'ai un petit problème avec l'emplacement des tableau sa fait 2 jours que
je travail dessu mai sans solution. voila a quoi je voudrai que sa ressemble. se serai bien si quelqu'un pourrai me le faire svp.
si quelqu'un sait le faire sa serai cool. Merci d'avance

Voici se que je voudrais:
http://img91.imageshack.us/img91/4752/demo2tq.jpg


Code de la page

Code :
  1. <style type="text/css">
  2. .welcome {font-size:6pt; font-family:tahoma; letter-spacing:0px; line-height:9pt; color: #482A20; text-align: justify; font-weight: bold; text-transform: uppercase}
  3. .box {font-size:6pt; font-family:tahoma; letter-spacing:0px; line-height:9pt; color: #BBB18E; text-align: justify; font-weight: bold; text-transform: uppercase}
  4. .content-title {background-color: #C96F57; font-size:6pt; font-family:tahoma; letter-spacing:1px; line-height:8pt; color: #45221E; text-align: justify; font-weight: bold; text-transform: uppercase}
  5. .content-subject {background-color: #BE8866; font-size:5pt; font-family:tahoma; letter-spacing:1px; line-height:8pt; color: #6F2C1B; text-align: justify; font-weight: bold; text-transform: uppercase}
  6. .content-content {background-color: #694225; font-size:7pt; font-family:tahoma; letter-spacing:0px; line-height:11pt; color: #C19DA4; text-align: justify}
  7. .side-title {background-color: #6589B7; font-size:6pt; font-family:tahoma; letter-spacing:1px; line-height:8pt; color: #45221E; text-align: justify; font-weight: bold; text-transform: uppercase}
  8. .side-content {background-color: #3F5C81; font-size:7pt; font-family:tahoma; letter-spacing:0px; line-height:11pt; color: #C19DA4; text-align: justify}
  9. body {font-size:7pt; font-family:tahoma; letter-spacing:0px; line-height:11pt; color: #C19DA4; text-align: justify}
  10. td a:link {text-decoration: none; color: #C96F57}
  11. td a:visited {text-decoration: none; color: #C96F57}
  12. td a:hover {text-decoration: none; color: #BE8866}
  13. body{
  14.   </style>
  15. </head>
  16. <BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
  17. <body bgcolor="#779ABA">
  18. <div align="center"><img src="layoutnew.jpg"
  19. alt="" border="0"><br>
  20. <img src="hauban.jpg" alt="" border="0"><br>
  21. <img src="logo.jpg" alt="" border="0"><script language="JavaScript"
  22. src="http://pubsrv.allopass.com/select.php4?ESP_ID=19289&IDC_ID=1841562"></script><img
  23. src="gauche.jpg" alt="" border="0"><br><img src="http://img55.imageshack.us/img55/6254/boutbout1lj.jpg" alt="" border="0">
  24. <script language="JavaScript" type="text/javascript"></script><map name="14">
  25. <area shape="RECT" coords="116,34,263,45"
  26. href="javascript:window.external.AddFavorite('http://www.doubleolsens.com', ' • DOUBLEolsens.com Your Online Mary-Kate & Ashley Resource')">
  27. <area shape="RECT" coords="421,34,559,45"
  28. href="http://www.exhibit07.org/designs" target="_blank">
  29. </map>
  30. <div align="center">
  31. <table style="width: 749px; height: 1136px;" border="0"
  32. cellpadding="0" cellspacing="0">
  33.   <tbody>
  34.     <tr><tr><td width="41" background="http://img459.imageshack.us/img459/4073/bgauche7vn.jpg" valign="top"><img src="http://img234.imageshack.us/img234/9666/vide4dy.gif"></td><td width="160" background="bg_side.jpg" valign="top">
  35.       <td background="http://www.doubleolsens.com/bg_side.jpg"
  36. valign="top" width="160">
  37.       <table style="width: 159px; height: 1113px;" border="0"
  38. cellpadding="4" cellspacing="1">
  39.         <tbody>
  40.           <tr>
  41.             <td class="side-title"> •
  42. quick link</td>
  43.           </tr>
  44.           <tr>
  45.             <td class="side-content"><a
  46. href="http://www.doubleolsens.com/picture" target="_blank">
  47.             <img
  48. src="http://www.doubleolsens.com/images/gallerybannersmall.png"
  49. border="0"></a><br>
  50.             <a href="forum"><img
  51. src="http://www.doubleolsens.com/images/guestbooksmall.png"
  52. border="0"></a><br>
  53.             </td>
  54.           </tr>
  55.           <tr>
  56.             <td height="6"></td>
  57.           </tr>
  58.           <tr>
  59.             <td class="side-title"> •
  60. quote of the moment</td>
  61.           </tr>
  62.           <tr>
  63.             <td class="side-content"> "My sister and I
  64. don't look at ourselves as role models - I think that's a huge
  65. responsibility, the best we can do is take care of ourselves and
  66. experience life."- Mary Kate</td>
  67.           </tr>
  68.           <tr>
  69.             <td height="6"></td>
  70.           </tr>
  71.           <tr>
  72.             <td class="side-title"> •
  73. Site of the moment</td>
  74.           </tr>
  75.           <tr>
  76.             <td class="side-content">
  77.             <center> <a href="http://www.rachelbilsonfan.com"
  78. target="_blank"><img
  79. src="http://www.doubleolsens.com/images/100x35p.gif" border="0"></a><br>
  80.             <a href="siteofthemoment.php"><b>site of
  81. the moment</b></a></center>
  82.             </td>
  83.           </tr>
  84.           <tr>
  85.             <td height="6"></td>
  86.           </tr>
  87.           <tr>
  88.             <td class="side-title"> •
  89. link me back</td>
  90.           </tr>
  91.           <tr>
  92.             <td class="side-content">
  93.             <center> <img
  94. src="http://www.doubleolsens.com/button.jpg"><br>
  95.             <img src="images/button1.png"><br>
  96.             <a href="linkme.php"><b>more?</b></a>
  97.             </center>
  98.             </td>
  99.           </tr>
  100.           <tr>
  101.             <td height="6"></td>
  102.           </tr>
  103.           <tr>
  104.             <td class="side-title"> •
  105. buy the olsens</td>
  106.           </tr>
  107.           <tr>
  108.             <td class="side-content">
  109.             <center> <a
  110. href="http://www.amazon.com/gp/product/B0002HT552/qid=1140471091/sr=8-2/ref=pd_bbs_2/002-8724982-1780810?%5Fencoding=UTF8&v=glance&n=130"
  111. target="_blank"> <img
  112. src="http://www.doubleolsens.com/images/nym.gif" border="0"></a><br>
  113. List Price: $14.98<br>
  114. Price: $12.99 & eligible for FREE Super Saver Shipping on
  115. orders over $25.<br>
  116. You Save: $1.99 (13%) </center>
  117.             </td>
  118.           </tr>
  119.           <tr>
  120.             <td height="6"></td>
  121.           </tr>
  122.           <tr>
  123.             <td class="side-title"> •
  124. other site stuff</td>
  125.           </tr>
  126.           <tr>
  127.             <td class="side-content"><a
  128. href="tagboard.php">Have your say on this site?</a></td>
  129.           </tr>
  130.           <tr>
  131.             <td class="side-content"> <a href="top.php">Check
  132. out my top five Olsen sites!</a> </td>
  133.           </tr>
  134.           <tr>
  135.             <td class="side-content"> who's online?:<!-- Start FastOnlineUsers.com -->
  136.             <a href="http://www.fastonlineusers.com">
  137.             <script type="text/javascript"
  138. src="http://fastonlineusers.com/on4.php?d=www.doubleolsens.com"></script>Olsen
  139. fan browsing</a></td>
  140.           </tr>
  141.           <tr>
  142.             <td class="side-content"> 25345+<!-- Start of StatCounter Code -->
  143.             <script type="text/javascript"
  144. language="javascript">
  145. var sc_project=1318051;
  146. var sc_invisible=0;
  147. var sc_partition=9;
  148. var sc_security="6d2dd507";
  149. var sc_text=3;
  150.             </script><!-- Start of StatCounter Code -->
  151.             <script type="text/javascript"
  152. language="javascript">
  153. var sc_project=1318051;
  154. var sc_invisible=0;
  155. var sc_partition=9;
  156. var sc_security="6d2dd507";
  157. var sc_text=3;
  158.             </script>
  159.             <script type="text/javascript"
  160. language="javascript"
  161. src="http://www.statcounter.com/counter/counter.js"></script>
  162.             <noscript><a href="http://www.statcounter.com/"
  163. target="_blank"><img
  164. src="http://c10.statcounter.com/counter.php?sc_project=1318051&java=0&security=6d2dd507&invisible=0"
  165. alt="free counter with statistics" border="0"></a> </noscript>
  166. <!-- End of StatCounter Code --><br>
  167. unique visits since 24 feb 06<br>
  168.             <a
  169. href="http://my.statcounter.com/project/standard/stats.php?project_id=1318051&guest=1">View
  170. My Stats</a> </td>
  171.           </tr>
  172.           <tr>
  173.             <td class="side-content"> <a
  174. href="disclaimer.php">Read the disclamer</a></td>
  175.           </tr>
  176.           <tr>
  177.             <td height="6"></td>
  178.           </tr>
  179.           <tr>
  180.             <td class="side-title"> •
  181. listed at</td>
  182.           </tr>
  183.           <tr>
  184.             <td class="side-content">
  185.             <center>ELITE FANPAGE:<br>
  186.             <form
  187. action="http://www.elitefanpages.com/vote.php?action=vote&id=7963"
  188. method="post"><b>Rate this site:</b>
  189.               <select name="votevalue">
  190.               <option value="5">5 - Perfect</option>
  191.               <option value="4">4 - Good</option>
  192.               <option value="3">3 - Average</option>
  193.               <option value="2">2 - Mediocre</option>
  194.               <option value="1">1 - Bad</option>
  195.               </select>
  196.               <input value="Rate this site" type="submit">
  197.             </form>
  198.             </center>
  199.             </td>
  200.           </tr>
  201.         </tbody>
  202.       </table>
  203. <!-- Start of StatCounter Code -->
  204.       <script type="text/javascript" language="javascript">
  205. var sc_project=1318051;
  206. var sc_invisible=1;
  207. var sc_partition=9;
  208. var sc_security="6d2dd507";
  209.       </script>
  210.       <script type="text/javascript" language="javascript"
  211. src="http://www.statcounter.com/counter/counter.js"></script>
  212.       <noscript><a href="http://www.statcounter.com/"
  213. target="_blank"><img
  214. src="http://c10.statcounter.com/counter.php?sc_project=1318051&java=0&security=6d2dd507&invisible=1"
  215. alt="counter easy hit" border="0"></a> </noscript>
  216. <!-- End of StatCounter Code --> </td>
  217.       <td background="http://img210.imageshack.us/img210/7361/ptibout0mo.jpg"
  218. width="16"></td>
  219.       <td align="undefined" valign="undefined"></td>
  220.       <td align="undefined" valign="undefined"></td>
  221.       <td align="undefined" valign="undefined"></td>
  222.       <td background="http://www.doubleolsens.com/bg_content.jpg"
  223. valign="top" width="418">
  224.       <table style="width: 573px; height: 248px;" border="0"
  225. cellpadding="4" cellspacing="1">
  226.         <tbody>
  227.           <tr>
  228.             <td class="content-title" colspan="3">•
  229. 29 march 2006</td>
  230.           </tr>
  231.           <tr>
  232.             <td class="content-subject" colspan="3">
  233.     - more hq NEW CANDIDS!</td>
  234.           </tr>
  235.           <tr>
  236.             <td class="content-content" colspan="3">More
  237. pics of MK shoppng in LA (28/03/06)<br>
  238.             <center><b><a
  239. href="http://www.doubleolsens.com/picture/thumbnails.php?album=280">
  240.             <img src="http://www.doubleolsens.com/site/march.jpg"
  241. border="0"> <img src="site/march2.jpg" border="0"></a></b><br>
  242. If your using them credit me! thank you:=)</td>
  243. </table>
  244. </td><td width="38" background="http://img92.imageshack.us/img92/2750/bgdroite0xi.jpg" valign="top"><img src="http://img77.imageshack.us/img77/9955/vide7xt.gif"></td></tr>
  245. <tr><td width="665" colspan="5"></td></tr>
  246. </table></div>
  247. </body></html>


[/code]

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

euh ton bout de code bien gros quand même

mais c'est quoi ton problème en fait ?

le positionnement du tableau dans la page ou le positionnement des cellules dans le tableau ?


EDIT : 21h39

je me plonge dedans en ce moment, mais la prochaine fois, pense à présenter ton code plus lisiblement... là c'est le bordel monstre...

exemple de présentation lisible :

Code :
  1. <table>
  2.         <tr>
  3.                   <td></td>
  4.         </tr>
  5. </table>



ps : merci aux éditeurs html graphiques surtout je pense !!!

EDIT 22h25 : voilà déjà g réorganisé le code, on y voit bcp mieux, ça m'a permis de trouver quelques erreurs (comme dans la déclarations des styles le body { et rien ensuite + quelques autres petits trucs, maintenant je passe à l'organisation des tableaux imbirqués

Répondre à frafau

Bonjour bourrique IM des doubleolsens et si votre aller employer mon DEGRÉ DE SOLVABILITÉ de codage puis je, ou écrire inspiré ou j'utilisera le mur de la honte. Svp ne volez pas de moi.


www.doubleolsens.com :-) :-(

Citation :



mais c'est quoi ton problème en fait ?

le positionnement du tableau dans la page ou le positionnement des cellules dans le tableau ?


EDIT : 21h39

je me plonge dedans en ce moment, mais la prochaine fois, pense à présenter ton code plus lisiblement... là c'est le bordel monstre...

exemple de présentation lisible :

Code :
  1. <table>
  2.         <tr>
  3.                   <td></td>
  4.         </tr>
  5. </table>



ps : merci aux éditeurs html graphiques surtout je pense !!!

EDIT 22h25 : voilà déjà g réorganisé le code, on y voit bcp mieux, ça m'a permis de trouver quelques erreurs (comme dans la déclarations des styles le body { et rien ensuite + quelques autres petits trucs, maintenant je passe à l'organisation des tableaux imbirqués

Répondre à nikki05

bon ça me gave, le problème c'est que les tableaux tableaux ne sont pas faits pour le positionnement pour ça il existe un élément magique : les calques...

utilises-les.

tu peux les positionner où tu veux sur la page
les superposer les afficher les masquer...

ce sera plus simple et plus rapide pour réaliser ton site

et surtout beaucoup moins prise de tête

à moins que quelq'un ait encore plus de temps à perdre que moi...

Répondre à frafau
Tom's Guide > Forum > Programmation > Emplacement tableau
Aller à :

Il y a 335 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens