Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML?] Wysokośc tabeli 1, a wydłużanie innych
Forum PHP.pl > Forum > PHP
Drav
8.06.2009, 14:53:56
Tak an szybko, mam stronę o m/w takim układzie tabel

|---------------------------|
|..1.|...............................|
|....|...............................|
|---|...............................|
|.2..|...............................|
|.....|...............................|
|---|...............................|
|..3.|...............................|
|.....|...............................|
|---------------------------|
Gdzie pogrubione to boki tabeli.

I chciałbym, aby wraz ze wzrostem wysokości tabeli nr 4 (np poprzez dodanie tekst) zmieniała się tylko wysokość tabelki nr 2, a 3 i 1 pozostawały w tej samej. Czy jest to mozliwe? Jeśli tak to co trzeba zastosować?

Jakby co tutaj kod strony od znacznika body:
[HTML] pobierz, plaintext 
  1. <body style="background-color: #000000; background-image: url('background.png'); background-repeat: repeat-x">
  2. <center>
  3.  
  4. <!-- Nagłówek -->
  5.  
  6.     <table width="1000px" height="63px" cellspacing="0" cellpadding="0">
  7.         <tr>
  8.             <td id="naglowek">
  9.             </td>
  10.         </tr>
  11.     </table>
  12.  
  13. <!-- Logo -->
  14.  
  15.     <table width="1000px" height="250px" cellspacing="0" cellpadding="0">
  16.         <tr>
  17.             <td id="logo">
  18.             </td>
  19.         </tr>
  20.     </table>
  21.  
  22. <!-- top -->
  23.  
  24.     <table width="1000px" height="34px" cellspacing="0" cellpadding="0">
  25.         <tr>
  26.             <td id="top">
  27.             </td>
  28.         </tr>
  29.     </table>
  30.  
  31. <!-- Tresc -->
  32.  
  33.     <table width="1000px" style="height: 520px" cellspacing="0" cellpadding="0">
  34.         <tr>
  35.             <td id="left"style="width: 50px">
  36.             &nbsp;</td>
  37.             <td style="width: 614px" rowspan="3" id="tresc">
  38.             &nbsp;</td>
  39.             <td id="menu_up_left" style="width: 25px; height: 230px;">
  40.             &nbsp;</td>
  41.             <td id="menu_in" style="width: 228px; height: 230px;" >
  42.             &nbsp;</td>
  43.             <td id="menu_up_right" style="width: 33px; height: 230px;">
  44.             &nbsp;</td>
  45.             <td id="right"style="width: 50px">
  46.             &nbsp;</td>
  47.         </tr>
  48.         <tr>
  49.             <td id="left_full"style="width: 50px; height: 20px;">
  50.             &nbsp;</td>
  51.             <td id="menu_middle_left" style="width: 25px; height: 185px;">
  52.             &nbsp;</td>
  53.             <td id="menu_in" style="width: 33px; height: 20px;">
  54.             &nbsp;</td>
  55.             <td id="menu_middle_right"style="width: 33px">
  56.             &nbsp;</td>
  57.             <td id="right_full"style="width: 50px">
  58.             &nbsp;</td>
  59.         </tr>
  60.         <tr>
  61.             <td id="left_full"style="width: 50px; height: 105px;">
  62.             &nbsp;</td>
  63.             <td id="menu_bottom_left" style="height: 105px">
  64.             &nbsp;</td>
  65.             <td style="height: 105px" >
  66.             &nbsp;</td>
  67.             <td id="menu_bottom_right"style="height: 105px; width: 33px;" >
  68.             &nbsp;</td>
  69.             <td id="right_full"style="width: 50px; height: 105px;">
  70.             &nbsp;</td>
  71.         </tr>
  72.     </table>
  73.  
  74. <!-- stopka  -->
  75.  
  76.     <table width="1000px" height="86px" cellspacing="0" cellpadding="0">
  77.         <tr>
  78.             <td id="stopka">
  79.             </td>
  80.         </tr>
  81.     </table>
  82.  
  83. </center>
  84. </body>
[HTML] pobierz, plaintext
erix
8.06.2009, 15:33:58
Ale masz bałagan... :S

Po pierwsze: http://osiolki.net
Po drugie: rowspan.
Po trzecie: przejdziesz na CSS, to ze mną porozmawiasz. tongue.gif
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.