Страница 1 из 1

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

Добавлено: 2009-04-19 11:45:04
InventoR
Собственно сабж, ищу примеры верстки таблиц через div, бьюсь с шаблоном для Joomla, а так как не когда не работал с этим учатском, то сейчас приходится сильно вникать.

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

Добавлено: 2009-04-19 11:57:46
zg
люди добрые, таблицы надо делать через таблицы, дивы - это блочные элементы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавлено: 2009-04-19 16:07:30
zg
lerryc писал(а):если поднапрячься - то может еще каких извращений придумать можно.
эмм.. я ждал хамалы кусок :smile:

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

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

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

Добавлено: 2009-04-20 0:55:37
zingel
погуглите

table vs div

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

win32 vs linux

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

Добавлено: 2009-04-24 19:49:45
InventoR
Сейчас рассматриваю один шаблонец, так он интересно сделан, там база на таблицах, а внутри div
видно так проще было кому-то вписывать div

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

Добавлено: 2009-05-13 14:47:04
pithagora
в зависимости от задачи, можно верстать или в таблицах или в блоках. щас тенденция стремится к блокам. блоки легче манипулировать средствами ксс. ну и для поисковой оптимизации блоки лучше. во первых меньше кода. во вторых можно их так ставить в странице чтоб поисковики читали первое то что те нужно.

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

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

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

Добавлено: 2009-05-13 15:09:33
pithagora
а шаблоны жумлы не так уж страшны. ищите на официальном сайте. там админы ставят уже проверенные версии, скорее всего. как ни как опен сурс прожект )

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

Добавлено: 2009-05-13 19:49:30
InventoR
От жумлы отказался, купил DLE

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

Добавлено: 2009-05-13 21:19:16
pithagora
имхо каждое разработаное кмс имеет свое назначение. имхо дле для варезных сайтов.

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

Добавлено: 2009-06-07 10:09:09
ADRE
джумла - точно говно, локальный сенрвак от одного меня вешлся когда забил его нужным текстом, а
про верстку дивами в блогах в основном хорошо описано... всякие типа веб мастера рисовальщики, верстальщики