Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Масштабируемая таблица


Автор: Keeper89 26.2.2010, 17:06
Доброго времени суток.

Делаю таблицу (2 колонки, 5 строк). В 1 колонке содержатся изображения, вторая - объединяем все 5:
Код

<table border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td height="14"><img src="1.png"/></td>
    <td rowspan="5">Мой текст</td>
  </tr>
  <tr height=50%>
    <td> <img src="2.png" height=100% /></td>
  </tr>
  <tr height="29">
    <td height="29"><img src="3.png"/></td>
  </tr>
  <tr height=50%>
    <td><img src="2.png" height=100% /></td>
  </tr>
  <tr height="14">
    <td height="14"><img src="4.png"/></td>
  </tr>
</table>

Как видно в коде, пытаюсь сделать 2 и 4 строку так, чтобы картинка занимала все отведенное место, остальные сроки по высоте - такие как картинка внутри.

Но, не получается :(

Подскажите, пожалуйста, что и где изменить.

Автор: Keeper89 27.2.2010, 18:14
Есть предложения?  smile

Автор: bazzjr 4.3.2010, 15:11
Вроде ка понял, это так нужно:

Код


<body style="height:100%; padding:0px; margin:0px">
<table border="1" style="height:100%" cellpadding="0" cellspacing="0">
  <tr>
    <td height="14"><img src="space.gif" heigh1t="200" border="1"/></td>
    <td rowspan="5">Мой текст</td>
  </tr>
  <tr height=40%>
    <td> <img src="space.gif" height=100% width="50" border="1"/></td>
  </tr>
  <tr height="29">
    <td height="29"><img src="space.gif" width="50"border="1"/></td>
  </tr>
  <tr height=40%>
    <td><img src="space.gif" height=100% width="50"border="1"/></td>
  </tr>
  <tr height="14">
    <td height="14"><img src="space.gif" width="50"border="1"/></td>
  </tr>
</table>
</body>


Автор: Keeper89 12.3.2010, 16:20
bazzjr, да, почти то, что нужно. Только здесь таблица растягивается на 100% от всей страницы, а мне нужно чтобы размер таблицы был таким какой он есть, а рисунки растягивались в зависимости от этого.

Автор: bazzjr 16.3.2010, 13:35
В твоем случае не получится без javascript, так как придется все равно высчитывать остаточную высоту ряда.

Например мы имеем таблицу с рядами: (100% всей высоты(768рх)) - (50%(1 ряд 384рх)) - (200рх(2 ряд)) = 184рх

Автор: Keeper89 17.3.2010, 22:53
А у тебя нет примера с javascript? smile

Автор: bazzjr 18.3.2010, 12:35
Лучше спросить на форуме javascript программистов.

У меня просто физически нет времени писать сейчас код.

Автор: Keeper89 18.3.2010, 16:48
ОК, спасибо.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)