VPF::Почему без table? - Форум программистов

Kindgott

Дата 4.6.2005, 18:45 (ссылка)

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

Загрузка ...

Новичок

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

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

Тут увидел фразу, что современные сайты делаются без <table>.

Какие для этого могут быть причины?

smile

Black

Дата 4.6.2005, 19:20 (ссылка)

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

Загрузка ...

Web-Development

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

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

Kindgott
div'ы вот на чем надо делать современные сайты.

см. топик: http://forum.vingrad.ru/index.php?showtopi...=0&#entry431786

там есть ссылки на сайты которые полностью на div'ax сделаны.

Заметим, даже на примере этого форума, как грузятся сайты на таблицах.
Как бы по кускам.

Например у меня сначала загружается логотип винграда, затем появляются ответы, затем форма ответа.

Слои делают по другому. Сайты грузятся быстрее. Это кажется визуально.

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

Может по кроссбраузерности проигрывают. Но кто уже смотрит на старые браузеры. На Opera 7+ MSIE 5+ Mozilla 1.5+ все работает.

Это сообщение отредактировал(а) PHP-DIRECTOR - 4.6.2005, 19:25

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

Могу все, но ничего не умею :-)

Kindgott

Дата 4.6.2005, 19:23 (ссылка)

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

Загрузка ...

Новичок

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

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

Какие объективные причины заставляют отказаться от table? (за исключением того, что оно было изначально предназначено для информации, а не для дизайна).

Или это типа очень модно?
Добавлено @ 19:24
PHP-DIRECTOR
http://forum.vingrad.ru/index.php?showtopi...=0&#entry431786

я оттуда и прибег smile

Добавлено @ 19:28

Хочу узнать конкретно про table. Даже в нете статей на эту тему не нашел. Про фреймы - куча, а про table - вроде и нету.

Black

Дата 4.6.2005, 19:29 (ссылка)

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

Загрузка ...

Web-Development

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

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

Kindgott
1) Грузится быстрее.
2) Размеры страниц получаются чаще меньше чем если писать на table. Правда не всегда, но как правило, на больших страницах выигрыш хороший.
3) Работать со слоями легко при помощи javascript'a. Можно скрывать и показывать слои по желанию посетителя.
4) Можно подстроить сайт под себя. Т.е. стандартный CSS сайта заменить своим. Это позволяет например, браузер FireFox. Таким образом можно поменять цвета на странице, и блоки информации местами. Или как душе угодно.
5) Возможно, это будет скоро модно. Скажем так - это пока редкость сайт на div'ах. Поэтому это круто.

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

Могу все, но ничего не умею :-)

Irokez

Дата 4.6.2005, 19:35 (ссылка)

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

Загрузка ...

индеец

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

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

PHP-DIRECTOR
таблицы:
1) Надежнее
2) Легче
3) 100% что верстка удастся
4)

Цитата(PHP @ 4.6.2005, 19:29)

Работать со слоями легко при помощи javascript'a. Можно скрывать и показывать слои по желанию посетителя.

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

Irokez CM - открытая система управления сайтами

Black

Дата 4.6.2005, 19:38 (ссылка)

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

Загрузка ...

Web-Development

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

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

Irokez
Но ведь скоро все браузеры будут отлично работать со слоями и ими научатся пользоватся.

Цитата

1) Надежнее
2) Легче

Поэтому два пункта первых отвалятся

А вот с третим согласен. Таблицы позволяют делать все что душе угодно. Но возможно и слои доработают в лучшую сторону.

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

Могу все, но ничего не умею :-)

Mal Hack

Дата 4.6.2005, 19:50 (ссылка)

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

Загрузка ...

Мудрый...

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

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

Подход не правильный. К сожалению, средства HTML не позволяют использовать слои на 100% (если, конечно не знать стандарт w3 100%) и поэтому без таблиц не обойтись и это объективная реальность.
Попробуй-те вывести турнирную таблицу чемпионата России в слоях smile

Добавлено @ 19:50
Все зависит от конкретной задачи smile

dm9

Дата 4.6.2005, 20:56 (ссылка)

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

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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

Цитата(Mal @ 4.6.2005, 20:50)

Попробуй-те вывести турнирную таблицу чемпионата России в слоях

Таблица - это таблица.

Для этого и существуют таблицы.

А для разметки страницы на колонки слои рулят...

Mal Hack

Дата 4.6.2005, 21:14 (ссылка)

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

Загрузка ...

Мудрый...

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

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

Цитата(dm9 @ 4.6.2005, 21:56)

А для разметки страницы на колонки слои рулят...

Ты помнишь тему, где я с эти именно мучался??
Хотя смотря для какой задачи.

Black

Дата 4.6.2005, 21:39 (ссылка)

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

Загрузка ...

Web-Development

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

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

Цитата

Попробуй-те вывести турнирную таблицу чемпионата России в слоях

Пожалуйста.

И пусть кто-то скажет что то что я сделал сложно smile

Это очень легко и мало весит.

Проверил в Opera 8.0 MSIE 6.0 FireFox 1.0.4 прекрасно работает.
Валидность документ прошел также. Сказали нет ошибок.

Если бы делал для сайта, то CSS вынес бы в отдельный файл. А так для примера в html включил через
<style></style>

Итак сама страница:

Код


<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Таблица чемпионата России по футболу</title>

<style type="text/css">
.f { margin-top: 10px; border: 1px dashed #000; float: left;}
.s { margin-top: 10px; border-bottom: 1px dashed #000; border-top: 1px dashed #000; border-right: 1px dashed #000; float: left; }
.t { margin: 15px; }
.bold { font-weight: bold; display: inline; }
body { font: 12px verdana; }
</style>

</head>

<body>

<div>Таблица чемпионата России по футболу</div>

<div class='f'>
<div class='t'>
<div class='bold'>№:</div><br /><br />
1<br />
2<br />
3<br />
4<br />
5<br />
6<br />
7<br />

8<br />
9<br />
10<br />
11<br />
12<br />
13<br />
14<br />
15<br />
16<br />

</div>
</div>

<div class='s'>
<div class='t'>
<div class='bold'>Клубы:</div><br /><br />
Локомотив<br />
Спартак<br />
Москва<br />
Зенит<br />
Торпедо<br />

Рубин<br />
Кр.Советов<br />
Амкар<br />
Динамо<br />
ЦСКА<br />
Сатурн<br />
Шинник<br />
Томь<br />
Алания<br />

Терек<br />
Ростов<br />
</div>
</div>

<div class='s'>
<div class='t'>
<div class='bold'>И:</div><br /><br />
10<br />
10<br />
9 <br />

10<br />
9 <br />
10<br />
10<br />
10<br />
10<br />
6 <br />
9 <br />
9 <br />

10<br />
10<br />
10<br />
10<br />
</div>
</div>

<div class='s'>
<div class='t'>
<div class='bold'>B:</div><br /><br />
5<br />

6<br />
5<br />
5<br />
4<br />
4<br />
3<br />
2<br />
4<br />
3<br />

3<br />
2<br />
2<br />
2<br />
2<br />
0<br />
</div>
</div>

<div class='s'>
<div class='t'>

<div class='bold'>Н:</div><br /><br />
5<br />
1<br />
3<br />
2<br />
3<br />
3<br />
4<br />
6<br />

0<br />
2<br />
2<br />
5<br />
3<br />
3<br />
3<br />
3<br />
</div>

</div>

<div class='s'>
<div class='t'>
<div class='bold'>П:</div><br /><br />
0<br />
3<br />
1<br />
3<br />
2<br />
3<br />

3<br />
2<br />
6<br />
1<br />
4<br />
2<br />
5<br />
5<br />
5<br />

7<br />
</div>
</div>

<div class='s'>
<div class='t'>
<div class='bold'>М:</div><br /><br />
14-3 <br />
19-10<br />
10-2 <br />
16-10<br />

12-5 <br />
12-12<br />
9-12 <br />
8-10 <br />
12-20<br />
11-2 <br />
8-7  <br />
7-7  <br />
7-13 <br />

8-17 <br />
8-17 <br />
4-18 <br />
</div>
</div>

<div class='s'>
<div class='t'>
<div class='bold'>О:</div><br /><br />
20<br />
19<br />

18<br />
17<br />
15<br />
15<br />
13<br />
12<br />
12<br />
11<br />
11<br />

11<br />
 9<br />
 9<br />
 9<br />
 3<br />
</div>
</div>

<div style='clear:left;'><br />PHP-DIRECTOR для Mal Hack (http://forum.vingrad.ru)</div>

</body>
</html>

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

Могу все, но ничего не умею :-)

dm9

Дата 4.6.2005, 21:39 (ссылка)

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

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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

Цитата(Mal @ 4.6.2005, 22:14)

Хотя смотря для какой задачи.

Главное - без фанатизма, как и везде smile

Это сообщение отредактировал(а) dm9 - 4.6.2005, 21:43

Black

Дата 4.6.2005, 21:41 (ссылка)

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

Загрузка ...

Web-Development

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

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

Размер: 2.73 кб
Использовано два тега:

<br>
<div>
+ и обязательные теги такие как: html body и им подобные.

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

Могу все, но ничего не умею :-)

Mal Hack

Дата 4.6.2005, 21:42 (ссылка)

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

Загрузка ...

Мудрый...

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

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

Цитата(PHP @ 4.6.2005, 22:39)

И пусть кто-то скажет что то что я сделал сложно smile

Сдаюсь

но все-равно придерживаюсь мнения что таблицы нужны smile

Stampede

Дата 4.6.2005, 22:41 (ссылка)

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

Загрузка ...

Гносеолог

Профиль
Группа: Участник Клуба
Сообщений: 963
Регистрация: 25.4.2005
Где: Calgary, Alberta, Canada

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

Цитата(Mal @ 4.6.2005, 21:42)

Сдаюсь

Не сдавайся. Таблица чемпионата в DIV'ах сверстана неправильно: если сузить окно браузера так, что его ширина станет меньше ширины таблицы, то столбцы посыпятся вниз, на другую строку. Это, конечно, можно победить, но смысл?

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

Словом, как разумно заметил dm9:

Цитата(dm9 @ 4.6.2005, 21:39)

Главное - без фанатизма, как и везде

Золтые слова smile

Mal Hack

Дата 4.6.2005, 22:45 (ссылка)

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

Загрузка ...

Мудрый...

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

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

Цитата(Stampede @ 4.6.2005, 23:41)

Это уже имхо тонкости... Можно указать жесткие размеры и в один большой слой запихнуть.

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