Верстка таблиц через div

И всё прочее, что касается HTML
Правила форума
Убедительная просьба юзать теги [code] при оформлении листингов.
Сообщения не оформленные должным образом имеют все шансы быть незамеченными.
Аватара пользователя
InventoR
ст. лейтенант
Сообщения: 1344
Зарегистрирован: 2006-12-10 19:43:25
Контактная информация:

Верстка таблиц через div

Непрочитанное сообщение InventoR » 2009-04-19 11:45:04

Собственно сабж, ищу примеры верстки таблиц через div, бьюсь с шаблоном для Joomla, а так как не когда не работал с этим учатском, то сейчас приходится сильно вникать.
ну вот и сказочке конец, кто слушал, тот молодец.

Хостинговая компания Host-Food.ru
Хостинг HostFood.ru
 

Услуги хостинговой компании Host-Food.ru

Хостинг HostFood.ru

Тарифы на хостинг в России, от 12 рублей: https://www.host-food.ru/tariffs/hosting/
Тарифы на виртуальные сервера (VPS/VDS/KVM) в РФ, от 189 руб.: https://www.host-food.ru/tariffs/virtualny-server-vps/
Выделенные сервера, Россия, Москва, от 2000 рублей (HP Proliant G5, Intel Xeon E5430 (2.66GHz, Quad-Core, 12Mb), 8Gb RAM, 2x300Gb SAS HDD, P400i, 512Mb, BBU):
https://www.host-food.ru/tariffs/vydelennyi-server-ds/
Недорогие домены в популярных зонах: https://www.host-food.ru/domains/

zg
полковник
Сообщения: 5845
Зарегистрирован: 2007-12-07 13:51:33
Откуда: Верх-Нейвинск

Re: Верстка таблиц через div

Непрочитанное сообщение zg » 2009-04-19 11:57:46

люди добрые, таблицы надо делать через таблицы, дивы - это блочные элементы.

а так сходи к лебедеву, он такие извращения поощряет :smile:

lerryc
сержант
Сообщения: 191
Зарегистрирован: 2008-07-10 7:28:37
Откуда: Vladivostok

Re: Верстка таблиц через div

Непрочитанное сообщение lerryc » 2009-04-19 15:07:53

zg писал(а):люди добрые, таблицы надо делать через таблицы, дивы - это блочные элементы.
imho, не всегда справедливо это утверждение.
к тому же - "ячейки" - это тоже блочные элементы
к тому же - таблицы это - своего рода модификация дива(ов) в диве ;)
через таблицы проще и быстрее для разработчика, через дивы - красивше и быстрее для потребителя
к тому же на дивах можно сделать визуализацию, которую не сделаешь на "чистых" таблицах
писать геморойней, но можно по вы ё .... ;)
для садомазохизма ;)

2 Invertor
не надо искать примеров с дивами - берешь пример с любой таблицей и вместо всех табличных тэгов пишешь <div> - вот тебе и пример # 1
пример # 2 - наверху "правка" -> "исходный код страницы" ;)
машина думать не может, машина должна ехать

zg
полковник
Сообщения: 5845
Зарегистрирован: 2007-12-07 13:51:33
Откуда: Верх-Нейвинск

Re: Верстка таблиц через div

Непрочитанное сообщение zg » 2009-04-19 15:14:44

lerryc писал(а):к тому же на дивах можно сделать визуализацию, которую не сделаешь на "чистых" таблицах
это например какую?
lerryc писал(а):не надо искать примеров с дивами - берешь пример с любой таблицей и вместо всех табличных тэгов пишешь <div> - вот тебе и пример # 1
пример приведи -) мне уже интересно стало

lerryc
сержант
Сообщения: 191
Зарегистрирован: 2008-07-10 7:28:37
Откуда: Vladivostok

Re: Верстка таблиц через div

Непрочитанное сообщение lerryc » 2009-04-19 15:38:06

zg писал(а): пример приведи -) мне уже интересно стало
1)форматирование таблиц броузером идет "изнутри" (снизу вверх), т.е. сначала формируются все <td>, исходя из получишихся размеров формируется
выстота строк и ширина столбцов, и уже в последнюю очередь формируется бордюр (размер) таблицы.

С учетом того, что все элементы находятся в одной плоскости верстки - конечная таблица (у пользователя) в 80% - 98% случаев отличается от авторского замысла и показ таблицы (как правило) показывается после загрузки всего контента таблицы.

С дивами можно прописать жесткий скелет с жесткой привязкой координат ячеек и их размера, и не важно что и каким шрифтом будет выводиться - скелет таблицы останется незменный.

Если к тому же использовать zindex для строк, ячеек и вложенных элементов - то можно добиться интересных визуальных эффектов.

как пример - табличка из равных ячеек - скажем 20х20 и при наведении на ячейу - выделенная ячека становится 40х40, а вся таблица в целом не переформатируется и ничто никуда не едет.

это первое что пришло в голову

если поднапрячься - то может еще каких извращений придумать можно.
машина думать не может, машина должна ехать

zg
полковник
Сообщения: 5845
Зарегистрирован: 2007-12-07 13:51:33
Откуда: Верх-Нейвинск

Re: Верстка таблиц через div

Непрочитанное сообщение zg » 2009-04-19 16:07:30

lerryc писал(а):если поднапрячься - то может еще каких извращений придумать можно.
эмм.. я ждал хамалы кусок :smile:

lerryc
сержант
Сообщения: 191
Зарегистрирован: 2008-07-10 7:28:37
Откуда: Vladivostok

Re: Верстка таблиц через div

Непрочитанное сообщение lerryc » 2009-04-19 16:22:31

zg писал(а):
lerryc писал(а):если поднапрячься - то может еще каких извращений придумать можно.
эмм.. я ждал хамалы кусок :smile:
в полпервого ночи хамалить "ради спортивного интереса" как-то не очень.
завтра на работе если не забуду, то сваяю чёнить
машина думать не может, машина должна ехать

Аватара пользователя
zingel
beastie
Сообщения: 6204
Зарегистрирован: 2007-10-30 3:56:49
Откуда: Moscow
Контактная информация:

Re: Верстка таблиц через div

Непрочитанное сообщение zingel » 2009-04-20 0:55:37

погуглите

table vs div

это такой же холивар как

win32 vs linux
Z301171463546 - можно пожертвовать мне денег

Аватара пользователя
InventoR
ст. лейтенант
Сообщения: 1344
Зарегистрирован: 2006-12-10 19:43:25
Контактная информация:

Re: Верстка таблиц через div

Непрочитанное сообщение InventoR » 2009-04-24 19:49:45

Сейчас рассматриваю один шаблонец, так он интересно сделан, там база на таблицах, а внутри div
видно так проще было кому-то вписывать div
ну вот и сказочке конец, кто слушал, тот молодец.

Аватара пользователя
pithagora
ефрейтор
Сообщения: 51
Зарегистрирован: 2009-03-11 0:11:19
Контактная информация:

Re: Верстка таблиц через div

Непрочитанное сообщение pithagora » 2009-05-13 14:47:04

в зависимости от задачи, можно верстать или в таблицах или в блоках. щас тенденция стремится к блокам. блоки легче манипулировать средствами ксс. ну и для поисковой оптимизации блоки лучше. во первых меньше кода. во вторых можно их так ставить в странице чтоб поисковики читали первое то что те нужно.

zg
полковник
Сообщения: 5845
Зарегистрирован: 2007-12-07 13:51:33
Откуда: Верх-Нейвинск

Re: Верстка таблиц через div

Непрочитанное сообщение zg » 2009-05-13 14:53:58

pithagora писал(а): во первых меньше кода. во вторых можно их так ставить в странице чтоб поисковики читали первое то что те нужно.
это да, поисковикам только дивы и подавай -) даже спорить не о чём.

Аватара пользователя
pithagora
ефрейтор
Сообщения: 51
Зарегистрирован: 2009-03-11 0:11:19
Контактная информация:

Re: Верстка таблиц через div

Непрочитанное сообщение pithagora » 2009-05-13 15:09:33

а шаблоны жумлы не так уж страшны. ищите на официальном сайте. там админы ставят уже проверенные версии, скорее всего. как ни как опен сурс прожект )

Аватара пользователя
InventoR
ст. лейтенант
Сообщения: 1344
Зарегистрирован: 2006-12-10 19:43:25
Контактная информация:

Re: Верстка таблиц через div

Непрочитанное сообщение InventoR » 2009-05-13 19:49:30

От жумлы отказался, купил DLE
ну вот и сказочке конец, кто слушал, тот молодец.

Аватара пользователя
pithagora
ефрейтор
Сообщения: 51
Зарегистрирован: 2009-03-11 0:11:19
Контактная информация:

Re: Верстка таблиц через div

Непрочитанное сообщение pithagora » 2009-05-13 21:19:16

имхо каждое разработаное кмс имеет свое назначение. имхо дле для варезных сайтов.

Аватара пользователя
ADRE
майор
Сообщения: 2645
Зарегистрирован: 2007-07-26 8:53:49
Контактная информация:

Re: Верстка таблиц через div

Непрочитанное сообщение ADRE » 2009-06-07 10:09:09

джумла - точно говно, локальный сенрвак от одного меня вешлся когда забил его нужным текстом, а
про верстку дивами в блогах в основном хорошо описано... всякие типа веб мастера рисовальщики, верстальщики
//del