Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Стили вёрстки (table/div), Что лучше?? 
:(
    Опции темы
 
Какой стиль лучше?
div [ 45 ]  [62.50%]
table [ 27 ]  [37.50%]
Всего проголосовавших: 72
В этом опросе возможен один вариант ответа
Гости не могут голосовать 
R.M.
Дата 23.5.2006, 14:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

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



Я просто немогу себе представить вёрстку не без таблиц не без дивов. smile  


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Greendrake
Дата 23.5.2006, 14:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(Wowa @ 20.5.2006,  23:09)
Нужность верстки на дивах обуславливается необходимостью разделения верстки и инфы. Но для такого разделения XML+XSLT подходят лучше.

В первый раз слышу, что для разделения вёрстки и инфы могут быть дивы полезны. А чем таблицы для хуже для этой цели, раз уж на то пошло? Нее, вёрсткой чиста на дивах увлекаются в том числе и те, кто юзает XML/XSLT, шаблоны и прочие приёмы разделения, так что не при чём тут это.

Цитата(Куксикус @ 22.5.2006,  10:58)
Цитата(Greendrake @  20.5.2006,  23:42 Найти цитируемый пост)
Сложности вёрстки на дивах (да и вёрстки вообще) никак с инфой не связаны.  

 smile  smile  smile ну ты даёш.

Поясни что ты хотел сказать. Какая для вёрстки разница, что за инфу она будет нести - стихи Пушкина или порноальбом? 
PM MAIL   Вверх
R.M.
Дата 23.5.2006, 15:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

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



Greendrake, незнаю какая для вёрстки разница а вообще надо судить по ситуации - иногда проще чтото делать дивами а иногда намного проще заюзать таблицу, а иногда без дивов не обойтись совсем.
Так что тут как раз зависит от двух вещей (ИМХО) от дизайна и от контента + от требований. 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
grinmax
Дата 28.5.2006, 23:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Предпочитаю дивы... пользуюсь таблицами при создании больших каталогов и прочее 
PM MAIL   Вверх
HuKoLaU
Дата 28.5.2006, 23:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



В основном использую таблицы, для меня они удобней, только если без дивов не обойтись, тогда приходиться их применять. 
PM MAIL ICQ   Вверх
$tatic
Дата 1.6.2006, 11:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(jsse @  23.5.2006,  12:10 Найти цитируемый пост)
CSS3 Advanced Layout Module

круто!
Цитата(jsse @  23.5.2006,  12:10 Найти цитируемый пост)
и в некоторых браузерах этот модуль уже присутствует.

Это в каких браузерах? 
PM MAIL   Вверх
jsse
Дата 1.6.2006, 13:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 99
Регистрация: 1.5.2006
Где: Кривой Рог

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



Цитата($tatic @  1.6.2006,  11:01 Найти цитируемый пост)
Это в каких браузерах?  


Был уверен, что за такое время какой-нить браузер успел себе поставить этот модуль, но видно
с 15 декабря 2005 по сей момент прошло слишком мало времени - остается ожидать появления браузера с поддержкой CSS3.

 
PM WWW Skype   Вверх
grinmax
Дата 1.6.2006, 15:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Нада что б основные браузеры этот модуль подддерживали.... не все же пользуются 1-м браузером 
PM MAIL   Вверх
Delka
Дата 9.7.2007, 13:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



нет такого макета который нельзя было бы сверстать без таблиц, валидно, кошерно и всё такое.

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

т.е. плохая вёрстка но зато div'aми... лучше б уж она была таблицами)
просто часто приходится редактировать чужие проекты и когда видишь 8-кратную вложенность div'ов (на очень простом макете) это поверьте хуже тех самых "лишних" tr-td.

а вообще элементы нужно использовать для того, для чего они предназначены.
PM MAIL   Вверх
FrEEz10
Дата 10.7.2007, 16:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Delka, - Поддерживаю.

Лично я стараюсь использовать дивы везде, кроме случаев где таблицы юзать проще, быстрее и логичнее. Всему свое место. Но с учетом тенденций развития CSS, дивы предпочтительней. Да и для SEO они лучше, особенно на сложном дизайне.
PM MAIL ICQ Skype   Вверх
mr.Anderson
Дата 10.7.2007, 16:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


iOS Lead Developer
****


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

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



Использую таблицы как менее сложное и более переносимое между браузерами решение.


--------------------
user posted image

user posted image
PM MAIL ICQ Skype   Вверх
vintyara
Дата 13.7.2007, 11:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 491
Регистрация: 24.3.2005
Где: Ode$$a

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



Цитата(Delka @  9.7.2007,  13:57 Найти цитируемый пост)
нет такого макета который нельзя было бы сверстать без таблиц, валидно, кошерно и всё такое.


ты наверное ошибся smile любой макет можно сверстать без таблиц smile

Цитата(Delka @  9.7.2007,  13:57 Найти цитируемый пост)
вёрстка слоями лучше.
код чище, логичней, ведёт себе предсказуемо, его легче поддерживать и раширять, он лучше индексируется и т.д.
но практический смысл это имеет если верстка не просто "на слоях", а сделана с учётом семантики, SEO и здравого смысла.


+ 1
из всего того, что тут написано про DIVы - самый грамотный ответ.

Я предпочитаю на ДИВах всё делать, как раз таки  с учётом семантики.

PM MAIL ICQ   Вверх
malkovian
Дата 14.6.2008, 02:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 27
Регистрация: 20.5.2008
Где: Киев/Orgrimmar

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



Соглашусь с мнением, что эти два метода нужно совмещать. Я не особо опытна в деле верстки, но не заметить, что разные браузеры эту прелесть по-разному обрабатывают, было бы трудно.

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

А вот кусок блондинкиного кода:

Код

<table class="main" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td class="content" valign="top">
                        <div id="post">blah blah
                        </div>
                        <div id="markup">
                        </div> <!-- кусок текста и полоско внизу -->
                    <td class="right_bar" valign="top">
                        <div id="calendar">
                            <table class="calendar" border="0" cellpadding="0" cellspacing="3">
                                <tr>
                                    <td class="cell"></td>
                                </tr>
                                </table>
                        </div>
                        <div id="border_1">
                        </div>
                        <div id="search">
                        <div id="searchbtn"><a href="#"><img src="img/search.jpg" border="0" alt="Пошук" vspace="10"></a></div>
                        </div>
                        <div id="border_2"></div>
                        <div id="friends"><strong>наші друзі</strong></div>
                        <div id="friends_content">test<br>test<br>test<br>test
                        <div id="friends_foot"></div>
                    </td>
                </tr>
            </table>


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

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

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

Апдейтед!

И сроки! Ему пофих, как долго ты куришь маны, он хочет иметь верстку и все тут!

Это сообщение отредактировал(а) malkovian - 14.6.2008, 02:28
PM MAIL ICQ   Вверх
SelenIT
Дата 14.6.2008, 14:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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



Лично у меня из блондинкиного кода рвотный рефлекс вызывает только <div id="border_1"> (учите, тудыть, CSS, конкретно св-во border!). Ну и ссылка вместо кнопки, разумеется (учите, растак, HTML, конкретно теги <input type="image"> и <button>!). Остальное, на мой взгляд, для любительского уровня вполне приемлемо.

А вообще нет такого противопоставления - "дивы или таблицы", и то, и другое - лишь инструменты, которые можно применять и по назначению, и нет. Противопоставлять можно визуально-презентационную верстку и структурно-смысловую. Другое дело, что первый тип можно делать и одними таблицами, и одними дивами, и чем угодно, а второй - только смысловыми блоками (дивы, списки, абзацы для текста, таблицы для табличных данных, fieldset-ы и label-ы для форм...).


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
lukas
Дата 14.6.2008, 16:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



таблицы для каркаса... а div'ы для контента и всяких блоков... 

P.S. Почему пункта "смешанная верстка" нету?


--------------------
http://code.google.com/p/orionphp/ - opensource скриптовой язык Orion (аналог PHP) для freepascal/delphi.
PM MAIL WWW   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0996 ]   [ Использовано запросов: 23 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.