таблицы внутри таблицы
[html]
<table>
<tr>
<td>
<table>
<tr>
<td></td>
<tr>
</table>
</td>
</tr>
</table>
[/html]
Строить надо блоками (div'ами), код становиться проще, править легче, т.е. что-то добавить-убавить из сайта сделаного на div проще, чем в табличном сайте.
хотелось ба объяснений поподробнее и примерчиков парочку не помешало бы..., а то я чесноговоря просто удивлен что нынче народ уже без таблиц обходится....
Я в нашей конторе [COLOR="Red"]запретил[/COLOR] верстку дивами. Легенда про то, что код становится меньше и т.д. - полный бред. Код не становится меньше и легче - все просто отправляется в файл style.css который при достаточно сложном дизайне (а других у нас не бывает) разрастается до десятков килобайт и что-либо понять в 5-6 десятках стилей не так-то просто. Затраты времени на "дивную" верстку и ее отладку в разных браузерах в 3-5 раз выше, чем на табличную - эффективность работы снижается, одним словом.
[QUOTE=shaelf]C помощью таблиц строить странички вообще не правильно.[/QUOTE]
Где это написано? Покажите стандарт верстки.
[QUOTE=mike]Потому что MSIE имеет привычку начать отображение страницы после загрузки всей таблицы. Если таблиц будет несколько, а не все в одной вложенной, то сайт будет отображаться по мере загрузки таблиц.[/QUOTE]
Очень актуально для современных скоростей доступа в интернет.
2pasha_welt:Верстай так как тебе удобнее. Не слушай гуру веб-программинга - они могут себе позволить пофилософствовать ибо умеют делать все и по-разному. Старайся только всегда создавать как можно более компактный и эффективный код. И будет тебе счастье.
Особенные радости возникают при верстке резиновых дизайнов. Бороться с оперой и ее понятиями о 100% высоте и ширине почти нереально. Во всяком случае после недельной борьбы всем отделом с DIV'ами в опере как раз и был выпущен запрет на "дивную" верстку.
А можно посмотреть, что есть сложный дизайн, и почему затраты времени больше?
Где это написано? Покажите стандарт верстки.
Таблицу придуманы для представления табличных данных.
Очень актуально для современных скоростей доступа в интернет.
Как раз очень сложный и тяжелый макет грузиться быстрее на блоках, чем таблицах,... могу показать пару примеров.
[QUOTE=RussianSpy;15942
2pasha_welt:Верстай так как тебе удобнее. Не слушай гуру веб-программинга - они могут себе позволить пофилософствовать ибо умеют делать все и по-разному. Старайся только всегда создавать как можно более компактный и эффективный код. И будет тебе счастье.[/QUOTE]
С этим согласен, но боюсь, что те времена, когда верстали таблицей проходят и если хочешь и далее развиваться учись делать с соблюдением 2 вещей:
1. Блочно;
2. По стандартам W3C, т.е. валидно.
ЗЫ я однажды обещал не участвовать в таких холиварах, а вот сорвался... блин.
А можно код посмотреть..... Очень интересно.
ЗЫ какой был доктайп, т.к. height = '100%' есть зло работающее при отсутсвии доктайпа, как такового.
P.S. Кстати, если не трудно, обьясните что это за стандарт W3C ? Я видел многие странички имеют вверху код содержащий W3C.
W3C (World Wide Web Consortium) - это организация, которая поддерживает стандарты для интернет-разработок и протоколов.
А то, что в верху страничек - это описание типа документа, соответственно - по какому стандарту и типу написан данный документ.
2mfender Дай PSD это дизайна и посмотрим на что способна старушка Опера))))
Как руководство примет верстку и даст добро на публикацию в сети - обязательно тебе покажу.
ЗЫ я не против дивов - я против бездумного замещения таблиц дивами, которое приводит только к проблемам.
Внимание всем! Только Опера 100% поддерживает стандарты, поскольку только это браузер (9 версия) проходит эталонный тест на соответствие станадртам.
Тем, кто стремится к стандартам, советую в первую очередь смотреть на поведение Оперы, а потом уже подгонять под Gecko и IE6. Спорить можно бесконечно, просто примите это, как данность ;) Ибо подобные выводы может сделать каждый, кто прочитал все книги издательства New Riders и излазил все Зельдмановские сайты.
[quote="из моего блога"]Веб-мастер, проверь свой браузер на соответствие стандартам: http://www.webstandards.org/files/acid2/test.html#top
Эта ссылка ведёт на «кислотный» тест браузера. Если ваш браузер нормально отобржает улыбающийся смайлик, значит он соответсвует стандартам. У меня такой тест прошли только Opera 9.02 и Safari. IE6 и IE7, а также FireFox (вот уж от кого не ожидал) с позором провалили тест. Картинка размазалась по экрану.
Изюминка кода состоит в том, что рисунок, генерирумый браузером на самом деле состоит и множества отдельных квадратиков, для каждого из которых прописаны всевозможные стили CSS. Код на самом деле очень сложный и запутанный и его способна правильно интерпретировать только программа, строго соответсвующая стандартам.[/quote]
каждый решает для себя сам, но думаю, человек, который делает 5(!!) вложенных таблиц ради пустого места 10*10 пикселей просто непрофессионал.
Есть конечно задачи, с которыми дивы не справляются, но в целом кода становится меньше, понятней и удобней для модернизации.
Вообще что говорить, вот мои заметки http://ir-design.ru/docs/table-vs-div.txt которые я записал в процессе работы над двумя проектами (задача была: как раз переделать табличный дизайн двух сайтов, сделанный криворукими дизайнерами и натянуть на движок).
В целом блочная вёрстка проще и быстрее, чем куча несвязных таблиц без стилей, с кучей нарезанных 1-10 пиксельных гифоф... Нафиг...
Дивы использую тлько для поблочного вывода (новостей например, но весь сайт строится на таблицах).
Вот...
Есть (привожу только пример):
тебе нужно сделать 2 элемента типа кнопок внутри чего-то (картинки для кнопок не могут использоваться),
у кнопки есть стандартная ширина (100px), в то же время кнопки должны быть на одной линии.
Итого, инлайновыми эти элементы быть не могут - нельзя будет задать ширину (ессно, padding тоже не подходит), вариант с div float:left; не поможет, если между элементами есть что-то ещё.
1) Нужно несколько блочных элементов расположить в одну линию.
2) картинки использовать нельзя
3) между блоками может находиться что-то ещё, например текст.
1) Нужно несколько блочных элементов расположить в одну линию.
2) картинки использовать нельзя
3) между блоками может находиться что-то ещё, например текст.
Реализуется через списки, ИМХО.
Vожно придумать кучу способов, но ни один не будет нормальным, пока браузеры не будут поддерживать inline-block.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>title</title>
</head>
<body>
<div style="width:100%;height:100%;">
<div style="width:100px;float:left;border:1px solid #000;padding:10px;margin:10px;">Блок</div>
<p style="width:120px;float:left;padding:10px;margin:10px;">Например, текст</p>
<div style="width:100px;float:left;border:1px solid #000;padding:10px;margin:10px;">Блок</div>
<p style="width:120px;float:left;padding:10px;margin:10px;">Например, текст</p>
<div style="width:100px;float:left;border:1px solid #000;padding:10px;margin:10px;">Блок</div>
</div>
</body>
</html>
Сейчас я узнаю, что являюсь оленем и неправильно понял задание.
Приведенный пример вполне себе валиден.
Вот я реально дилетант вообще в веб программинге и тд, посмотрел твой пример, где разложена верстка в таблицах и дивах, особенно мне понравилось, где ты описываешь кол-во символов. А браузер их откуда берет-то? )) Я щас собираю инфо, вопросов куча, но вопросы задаю в крайних случаях, когда уже просто не где взять ответа, но для меня выход таблица + ксс на много приятнее, понятнее, быстрее и функциональние, чем блоки. Все твои эллементы можно тупо записать как класс или айди, в зависимости от того, что тебе надо и код получится больше на 10-20%, что по нынешним скоростям - мало значительно, да и с большим кол-вом графики таблицы работают проще. Конечно, когда я принаровлюсь к обзей верстке, может у меня и изменится мнение, но то, что я имею сейчас, говорит о том, что дивы - просто понт людей, которые уже написали не 1 десяток сайтов, так сказать, просто мода на более менее новое.
Понт говоришь?))) Плакать... Хорошо, попробуем. Ты с наладонника смотришь сайты? Может быть ты пробывал распечатать страничку на принтере? Думаю последнее ты точно делал не раз (возможно и первое). Некоторые люди смотрят их как призентации, владельцы браузеров семейства Gecko имеют возможность менять стили... Теперь вопрос. Сделай средний статичный сайтик (можешь просто тупо сохранить страничку) с табличной вёрсткой и попробуй сделай изменения без всяких кнопочек "распечатать", "версия для КПК". Код HTML менять нельзя. При этом вывод должен быть адаптирован для каждого случая.
ЗЫ: Какого черта все браузеры работают не по стандарту? ) Так бесит )
http://lawbreak.nm.ru/Gump18a42.jpg
Мне вот интересно, как ты обойдешься одними дивами )
ЗЫ: На самом деле, я только начинаю пытаться шарить, мне это на данный момент интересно, так что уж звиняйте за возможные глупости )
Эллементарно. Тут простая довольно вёрстка. PSD в студию (с текстом).
>>Но скажу еще раз, я ВООБЩЕ ТОЛЬКО начинаю осваивать ДАЖЕ хтмл, так что спорить со мной беспонту в силу моего полного не профессионализма )
Мне кажется это ты споришь, если я ошибаюсь, то извини.
Будет минут 15 свободного времени, то изучи http://csszengarden.com.
И ещё многие верстают блоками не для уменьшения кода, а для более логичного, легко сопровождаемого кода. Собсно надрываться не буду. Таблицы, так таблицы.