Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]TAki rozkład tabel?
Forum PHP.pl > Forum > Przedszkole
eunix
4.04.2006, 18:54:25
Jak roztawić <tr>i <td> zeby wyglądało tak jak tu?


nie moge sobie z tym poradzic ;/
aleksander
4.04.2006, 19:02:04
najłatwiej zrób tabelę w tabeli (na te trzy komórki powyżej tresci)

OT tabelki są przestarzałe no ale jak chcesz sie nimi męczyc to nie bede Cie nawracac ;]
eunix
4.04.2006, 19:13:17
zrobiłem coś takiego:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.       <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  5.       <title><?php echo $page_title; ?></title>
  6. <link rel="stylesheet" type="text/css" href="style.css" />
  7. </head>
  8. <TABLE WIDTH="756px" align="center" bgcolor="#5ebdff" CELLSPACING="0" CELLPADDING="1">
  9.    <tr>
  10.  <td colspan="3" height="100px" bgcolor="#e6e6e6">logo</td>
  11.   </tr>
  12. <TR>
  13. <TD rowspan="3" bgcolor="#96d3ff" WIDTH="145px" ALIGN="left" VALIGN="top">
  14. test<br>sadsadsa<br>dsfsdas<br>sadasdsada<br>
  15. </TD>
  16. <TD bgcolor="#FFFFFF" width="3px"></td>
  17. <TD  bgcolor="#96d3ff" WIDTH="145px" ALIGN="left" VALIGN="top">
  18. test232
  19. </TD>
  20. </tr>
  21. <tr>
  22. <TD bgcolor="#FFFFFF" width="3px"></td>
  23. <TD bgcolor="#96d3ff" width="450px" ALIGN="left" VALIGN="top">
  24. co tak?
  25. </td>
  26. </tr>
  27. </table>
  28. </body>
  29. </html>
[HTML] pobierz, plaintext

ale chce odstęp pomiędzy z trescią "test232", a kolumną z trescią "co tak?"
krzysiekk
4.04.2006, 23:52:50 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Untitled Document</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
  6. <style type="text/css">
  7. <!--
  8. body {
  9.       background-color: #9C957C;
  10. }
  11. -->
  12. </style></head>
  13.  
  14. <body>
  15. <div align="center">
  16. <table width="700"   border="1" cellpadding="0" cellspacing="0">
  17.   <tr>
  18.     <td height="100">&nbsp;</td>
  19.   </tr>
  20. </table>
  21. <table width="730"   border="1" cellpadding="0" cellspacing="0">
  22.   <tr>
  23.     <td height="20">&nbsp;</td>
  24.   </tr>
  25. </table>
  26. <table width="700"  border="1" cellpadding="0" cellspacing="0">
  27.   <tr>
  28.     <td rowspan="3" width="133">&nbsp;</td>
  29.     <td width="5" rowspan="3" bgcolor="#FFFFFF">&nbsp;</td>
  30.     <td width="173" height="50">&nbsp;</td>
  31.     <td width="168">&nbsp;</td>
  32.     <td width="191">&nbsp;</td>
  33.   </tr>
  34.   <tr>
  35.     <td height="8" colspan="3" bgcolor="#FFFFFF"></td></td>
  36.     
  37.   </tr>
  38.   <tr>
  39.     <td colspan="3" height="250" >&nbsp;</td>
  40.    
  41.   </tr>
  42. </table>
  43.  
  44. <table width="730"  border="1" cellpadding="0" cellspacing="0">
  45.   <tr>
  46.     <td height="20">&nbsp;</td>
  47.   </tr>
  48. </table>
  49. <table width="700"   border="1" cellpadding="0" cellspacing="0">
  50.   <tr>
  51.     <td height="100">&nbsp;</td>
  52.   </tr>
  53. </table>
  54. </div>
  55.  
  56. </body>
  57. </html>
[HTML] pobierz, plaintext

zobacz moze ci sie przyda
----------
Prosze pamietac o odpowiednim bbcode!
--
dr_bonzo
UsTeK
5.04.2006, 00:36:28
Jeśli chcesz mieć to w jednej tabelce to przyjrzyj się temu schematowi:
(zarówno <br> jak i <style> są dodane tylko dlatego, aby uwidocznić schemat - aby wyglądało cyrka ebałt jak narysowałeś)
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. td { vertical-align: top; }
  3. </style>
  4. <table border=1 width=700>
  5.     <tr>
  6.         <td colspan=4>1<br><br><br><br></td>
  7.     </tr>
  8.     <tr>
  9.         <td colspan=4>2<br></td>
  10.     </tr>
  11.     <tr>
  12.         <td rowspan="2">3</td>
  13.         <td>4<br><br><br></td>
  14.         <td>5<br><br><br></td>
  15.         <td>6<br><br><br></td>
  16.     </tr>
  17.     <tr>
  18.         <td colspan="3">7<br><br><br><br><br><br><br><br><br><br></td>
  19.  
  20.     </tr>
  21.     <tr>
  22.         <td colspan="4">8<br></td>
  23.     </tr>
  24. </table>
[HTML] pobierz, plaintext



Pozdrawiam,
UsTeK
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.