VPF::Разные размеры ячеек в таблице

WantToProg

Дата 14.7.2009, 15:41 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 88
Регистрация: 13.4.2009

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

Подскажите пожалуйста как можно сделать таблицу, в которой ячейки будут позиционироваться раздельно друг от друга
пример, как понимаю его я, но он не работает (а должно работать как в ie6,7,8 так и в mozilla и safari):

Код


<table>
<tr>
<td width=10>text</td>
<td width=30>text</td>
<td width=20>text</td>
<td width=50>text</td>
</tr>
<tr>
<td width=30>text</td>
<td width=10>text</td>
<td width=70>text</td>
<td width=60>text</td>
</tr>
<tr>
<td width=70>text</td>
<td width=40>text</td>
<td width=30>text</td>
<td width=50>text</td>
</tr>
</table>

Я понимаю что вопрос простой, стоит только порыться. Но panic mode on, и сделать нужно таблицу вчера.
Пожалуйста подскажите что можно сделать. Вариант с большим количеством столбцов и colspan не подходит.

NDenis

Дата 14.7.2009, 15:51 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

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

думаю, что такое проще сделать блоками с position:absolute

ksnk

Дата 14.7.2009, 19:15 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

WantToProg, А нарисовать что должно получится? Чегой-то сумма длин ячеек в таблице в каждой строке разная...

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

WantToProg

Дата 15.7.2009, 08:56 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 88
Регистрация: 13.4.2009

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

Вот что должно получится:

Блоками не получится, необходимо именно таблицей :(

ksnk

Дата 15.7.2009, 09:39 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Код


<style>
table{
    border:0; /* border="0" */
    border-collapse:collapse; /* cellspacing="0" */
}
table td,table th{
    padding:0px; 
}
</style>

<table border=1 style="table-layout:fixed;">
<col width="10px">
<col width="30px">
<col width="20px">
<col width="30px">
<col width="20px">
<col width="30px">
<col width="10px">
<tr>
<td ></td><td ></td><td colspan=3>xxx</td><td ></td><td ></td>
</tr>
<tr>
<td ></td><td colspan=2>yy</td><td></td><td colspan=2>zz</td><td ></td>
</tr>
<tr>
<td ></td><td colspan=2>aa</td><td></td><td colspan=2>bb</td><td ></td>
</tr>
</table>

похоже?

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

NDenis

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

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

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

WantToProg, используйте вложенные таблицы.

WantToProg

Дата 15.7.2009, 14:24 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 88
Регистрация: 13.4.2009

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

Все, решилось. Использую вложенные таблицы, а в css прописываю
border-style: none;
border-collapse: collapse;

Работает как надо. И почему сам не додумался до вложенных таблиц ;)

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