За последние 24 часа нас посетили 17082 программиста и 1207 роботов. Сейчас ищут 1535 программистов ...

vertical-align

Тема в разделе "HTML и CSS", создана пользователем Andrey5555, 6 фев 2008.

  1. Andrey5555

    Andrey5555 Активный пользователь

    С нами с:
    29 ноя 2007
    Сообщения:
    486
    Симпатии:
    0
    Адрес:
    Киев
    Есть основная таблица с 2 столбцами. В 1 столбике 3 таблицы. А 2 столбик генерируемый (размер меняеться)
    1 таблица vertical-align:top, она находить в самом верху.
    2 таблица - с содержимым, она находиться между таблицами 1 и 3.

    3 таблица - должа находиться в самом низу. Как это реализовать.
     
  2. Бутузов

    Бутузов Активный пользователь

    С нами с:
    5 фев 2006
    Сообщения:
    115
    Симпатии:
    0
    Адрес:
    Київ, Україна
    не выйдет...

    стлиями делай.со стилями ляпота будет
     
  3. Andrey5555

    Andrey5555 Активный пользователь

    С нами с:
    29 ноя 2007
    Сообщения:
    486
    Симпатии:
    0
    Адрес:
    Киев
    Это я уже понял, я создал еще одну таблицу.
     
  4. dark-demon

    dark-demon Активный пользователь

    С нами с:
    16 фев 2007
    Сообщения:
    1.920
    Симпатии:
    1
    Адрес:
    леноград
    ничего не понял, но зачем стока таблиц???
     
  5. Петр

    Петр Активный пользователь

    С нами с:
    20 мар 2006
    Сообщения:
    1.253
    Симпатии:
    0
    Адрес:
    Центр Вселенной
    Где смотреть-то хоть?
     
  6. S.t.A.M.

    S.t.A.M. Активный пользователь

    С нами с:
    10 сен 2007
    Сообщения:
    1.041
    Симпатии:
    0
    Первый столбик раздели на 2 или три ячейки по вертикали...
    Кароче проще сделать чем объяснить:

    HTML:
    1.  
    2. <table width="100%" height="100%" cellspacing="2" cellpadding="2" border="1">
    3. <tr>
    4.     <td valign="top" width="200">
    5.         <table cellspacing="2" cellpadding="2" border="1">
    6.         <tr>
    7.             <td>Вложенная таблица 1</td>
    8.         </tr>
    9.         </table>
    10.  
    11.         <table cellspacing="2" cellpadding="2" border="1">
    12.         <tr>
    13.             <td>Вложенная таблица 2</td>
    14.         </tr>
    15.         </table>
    16.  
    17.     </td>
    18.     <td rowspan="2" >
    19.     Главная таблица
    20.     </td>
    21. </tr>
    22. <tr>
    23.     <td valign="bottom"  width="200" height="100%">
    24.         <table cellspacing="2" cellpadding="2" border="1" height="100%">
    25.         <tr>
    26.             <td>Вложенная таблица 3</td>
    27.         </tr>
    28.         </table>
    29.     </td>
    30. </tr>
    31.  
     
  7. S.t.A.M.

    S.t.A.M. Активный пользователь

    С нами с:
    10 сен 2007
    Сообщения:
    1.041
    Симпатии:
    0
    И вариант если надо растянуть средний блок (что скорее всего)

    HTML:
    1.  
    2.  <table width="100%" height="100%" cellspacing="2" cellpadding="2" border="1">
    3.  <tr>
    4.      <td valign="top" width="200">
    5.          <table cellspacing="2" cellpadding="2" border="1">
    6.          <tr>
    7.              <td>Вложенная таблица 1</td>
    8.          </tr>
    9.          </table>
    10.          
    11.      </td>
    12.      <td rowspan="3" >
    13.      Главная таблица
    14.      </td>
    15.  </tr>
    16.  <tr>
    17.      <td valign="bottom"  width="200" height="100%">
    18.          <table cellspacing="2" cellpadding="2" border="1" height="100%">
    19.          <tr>
    20.              <td>Вложенная таблица 2</td>
    21.          </tr>
    22.          </table>
    23.  
    24.      </td>
    25.  </tr>
    26.  <tr>
    27.      <td valign="bottom"  width="200">
    28.          <table cellspacing="2" cellpadding="2" border="1">
    29.          <tr>
    30.              <td>Вложенная таблица 3</td>
    31.          </tr>
    32.          </table>
    33.      </td>
    34.  </tr>
    35.  </table>
    36.