Таблицы и JS

0

1

Похоже в WebDev пусто, потому продублирую сюда.
Такой вопрос:
Есть страница с пачкой divов расставленных в виде таблицы (или таблица, но сомневаюсь что так выйдет что-то путное, div проще css'ом гонять). Нужен эффект по типу подстройки количества столбцов по ширине в файл-менеджерах. До определенного значения ширины окна (clientWidth) меняется расстояние между элементами, потом меняется число столбцов и т.д.
Кто-нибудь сталкивался с подобными скриптами? Сам написать могу, но слегка лениво, тем более если оно уже было 20 раз написано

Ссылка

←	opensource in russia

[лезгинка] Откосить от армии...

→

>в WebDev пусто, потому продублирую сюда

Язабан.

Deleted
(16.04.11 12:31:08 MSK)

Ответ на: комментарий от Deleted 16.04.11 12:31:08 MSK

Хочешь сказать, что в ВебДеве много кто пишет? За последние 2 дня 18 сообщений.

upcFrost ★★★★★
(16.04.11 12:41:36 MSK) автор топика

Делать таблицы дивами - маразм. Таблицы делаются таблицами. Тегом <table>. А дальше - играешься css-атрибутами width, min-width, и их значениями абсолютными, и процентными.

~~Saloed~~ ☆
(16.04.11 12:41:42 MSK)

Ответ на: комментарий от upcFrost 16.04.11 12:41:36 MSK

> в ВебДеве много кто пишет?

Если в ВебДеве не пишут о ВебДеве, то в Толксах - и подавно.

Terrens ★
(16.04.11 12:43:30 MSK)

Ссылка

Ответ на: комментарий от Saloed 16.04.11 12:41:42 MSK

Ок, table. Но если все равно прописывать им положение при position: absolute - в чем разница? Только выше вероятность появления какого-нибудь косяка ИМХО. Например в IE что-нибудь поедет.

upcFrost ★★★★★
(16.04.11 12:44:40 MSK) автор топика

Ответ на: комментарий от upcFrost 16.04.11 12:41:36 MSK

Пишут, как ни странно.

Deleted
(16.04.11 12:45:59 MSK)

Ответ на: комментарий от Deleted 16.04.11 12:45:59 MSK

Только время ответа сильно разное

upcFrost ★★★★★
(16.04.11 12:51:27 MSK) автор топика

Ссылка

div.yourclass {
 width: Npx;
 height: Mpx;
 display:inline-block;
 *display:inline;
 zoom:1;
 vertical-align: top;
}

BlackHawk ★
(16.04.11 13:31:53 MSK)

Ответ на: комментарий от BlackHawk 16.04.11 13:31:53 MSK

Спасибо, никогда бы наверно не догадался до такого решения. Лез в сторону JS

upcFrost ★★★★★
(16.04.11 13:42:41 MSK) автор топика

Ссылка

Ответ на: комментарий от BlackHawk 16.04.11 13:31:53 MSK

только вместо width прописать max-width и min-width, чтобы сначала ширина менялась. Ну и inline-block вместо inline

nu11 ★★★★★
(16.04.11 13:47:44 MSK)

Ответ на: комментарий от nu11 16.04.11 13:47:44 MSK

это и есть inline-block, а *display - хак для IE

BlackHawk ★
(16.04.11 13:54:19 MSK)

Ответ на: комментарий от BlackHawk 16.04.11 13:54:19 MSK

>хак

Сделайте отдельный стиль, не мучайте нормальные браузеры кашей.

Deleted
(16.04.11 14:01:22 MSK)

Ответ на: комментарий от Deleted 16.04.11 14:01:22 MSK

Нормальные его вроде игнорят обычно

upcFrost ★★★★★
(16.04.11 14:24:43 MSK) автор топика

Ссылка

Ответ на: комментарий от upcFrost 16.04.11 12:44:40 MSK

КОму положение прописывать? Ячейкам таблицы? Не надо. Или я чего-то не понял. Таблица - она и есть таблица. И предназначена для вывода ТАБЛИЧНЫХ данных. Поэтому - логично будет её для этого использовать.

На IE можно не оглядываться вообще, если это не большой портал под широкую аудиторию, или не сайт по садоводству.

~~Saloed~~ ☆
(16.04.11 14:58:21 MSK)

Ответ на: комментарий от BlackHawk 16.04.11 13:54:19 MSK

я слепой сегодня :)

nu11 ★★★★★
(16.04.11 17:51:07 MSK)

Ссылка

Ответ на: комментарий от Saloed 16.04.11 14:58:21 MSK

Ок, первый пост составлен не очень качественно - имелось ввиду «есть пачка divов, расставленных __по сетке__». Это не табличные данные. Там дальше по аналогии с файл-менеджерами написал что имел ввиду.

И, да, считай это сайт по садоводству. Потому IE - первое, на что приходится оглядываться, к сожалению

upcFrost ★★★★★
(16.04.11 20:08:51 MSK) автор топика

Ссылка

Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.

←	opensource in russia

Talks

[лезгинка] Откосить от армии...

→

Похожие темы