VPF::Масштабируемая таблица - Форум программистов

Keeper89

Дата 26.2.2010, 17:06 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2580
Регистрация: 26.2.2009

Репутация: нет
Всего: 58

Доброго времени суток.

Делаю таблицу (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 - 26.2.2010, 17:07

--------------------

Cogito, ergo sum

Keeper's blog
CnWizards Downloads

user posted image

Keeper89

Дата 27.2.2010, 18:14 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2580
Регистрация: 26.2.2009

Репутация: нет
Всего: 58

Есть предложения? smile

Это сообщение отредактировал(а) Keeper89 - 27.2.2010, 18:49

--------------------

Cogito, ergo sum

Keeper's blog
CnWizards Downloads

user posted image

bazzjr

Дата 4.3.2010, 15:11 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

Вроде ка понял, это так нужно:

Код



<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 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2580
Регистрация: 26.2.2009

Репутация: нет
Всего: 58

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

--------------------

Cogito, ergo sum

Keeper's blog
CnWizards Downloads

user posted image

bazzjr

Дата 16.3.2010, 13:35 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

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

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

Keeper89

Дата 17.3.2010, 22:53 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2580
Регистрация: 26.2.2009

Репутация: нет
Всего: 58

А у тебя нет примера с javascript? smile

--------------------

Cogito, ergo sum

Keeper's blog
CnWizards Downloads

user posted image

bazzjr

Дата 18.3.2010, 12:35 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

Лучше спросить на форуме javascript программистов.

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

Keeper89

Дата 18.3.2010, 16:48 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2580
Регистрация: 26.2.2009

Репутация: нет
Всего: 58

ОК, спасибо.

--------------------

Cogito, ergo sum

Keeper's blog
CnWizards Downloads

user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »