Новая тема   Ответить

 Project
Давно не создавал темы в этом разделе...

Есть потребность вникнуть в тонкости правильной блочной верстки. Погуглил, задолбали коротенькие мануалы "как сделать сайт из 3-х колонок". Надо пособие, или урок, или еще что то в расширенном варианте.
Может кто что подскажет?

 MOBIUS
Веб дизайн
Основы CSS и HTML. Блочная верстка.
Учебник HTML для начинающих. Блочная верстка
Уроки блочной верстки
Учебник по CSS-верстке (сборник статей)

Для чтения на диване:
Блочная верстка веб-сайта

 orvas
http://ru.html.net/tutorials/css/lesson9.php
Начни с этого, и следующие уроков 5.

 FXIX
Project писал:

если ты научишься делать 3 колонки 10 разными способами - ты будешь знать блочную верстку. всю

 Project
О, спасибо, насыпали.
FXIX: Да не уверен. Во всех этих примерах рассматривается очень мало тэгов css...

 FXIX
так блочная верстка это всего-лишь потоки и позиционирование.

display: inline|block
position: relative|absolute|static
float: left|right

 Project
FXIX: Да, но там же еще и подчиненные элементы всякие, куча параметров может быть у элемента и т.д... Вот на примерах это все рассмотреть - для меня куда проще понять...

 SAV
http://htmlbook.ru/

 FXIX
Project писал:
какие такие подчиненные, а ну. это что-то новое

 Mika
Project писал:
Сразу видно, какой нишей человек занимается

 Parfumer
Хорошая книга.

http://www.dom-eknig.ru/6234-masterskaya-css-professionalnoe-primen…artov.html
Кстати, похвастаюсь, лично знаком с одним английским веб-дизайнером (который кое чему меня учил очно), у которого друг - автор этой книги.

 Stek
Можно взять легкий css фреймворк и не парить себе мозг всеми блоками и прочей фигней.

 Project
Stek: Поясни плз?

 MOBIUS
Как верстать красиво или чем плохи css-фреймворки
Обзор CSS фреймворков
CSS фреймворки

 Stek
Project писал:

Минимальный фреймворк - http://code.google.com/p/malo/ . Берешь его готовый css и используешь у себя.

 FXIX
да. нахуй тебе верстка. юзай фреймворки. просто класс тегу въебал и усе.
мы для админок юзаем это http://twitter.github.com/bootstrap/
клиент сикается при виде этой всей красивой ебалы

но это не отменяет тот факт что фронтенд любого сайта - сверстан руками. не знаешь базу - не знаешь ничего. эти css-ебалы подходят там где "лишь бы как-то было"

 Project
"Лишь бы как" мне совершенно не подходит... Я хочу сам для себя все делать правильно и красиво.

 FXIX
не. в том смысле что там, где нет целенаправлено дизайна.

-админки скриптов\движков
-всякие панельки
-там где потом будет дизайн но пока его нет (двиг сделал. продаешь. дизайна нет. ну въебал эту красоту стандартную, и порядок).
-проекты на стадии написания. чтобы заказчику не показывать просто стандартные контролы. а покрасивше

 sipay
FXIX писал:

узко мыслишь. если ты так считаешь, то ты мало что знаешь о верстке

 sipay
http://ruseller.com/

очень полезный сайт - там и всякие мудрости хитрые есть как css, так и js, php etc.

еще там поройся - шпоры есть сразу с примерами. поразбирай их и потихоньку понимание прийдет ;)

 FXIX
sipay писал:
а ну расширь мое мышление

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

 AND
ну будет выглядеть в разных бразерах чуток иначе, и по хуй.
Дэн Седерхольм разрешил

 mr. snatch
sipay писал:
а вот соглашусь с FXIX-ом... все остальные техники лейаута (а всякие там колонки - это и есть уровень макетарования т.е. лэйаута) так или иначе сводятся к той или иной комбинации этих трёх составляющих, разумеется, если мы говорим именно о той самой блочной вёрстки, где display: table etc не используется (как в принципе и должно быть, имхо)
Исключением из этого, ну пожалуй только методы на основе т.н. "Negative Margins" и "Faux Columns", и то, как частный случай и только для создания одинаковой высоты... ясен, всё зависит от диза и что верстаем, но вот в любом случае, позиционирование и потоки - это основа блочной вёрстки.

 Stek
Самое забавное, что в блочной верстке наиболее универсален вариант с таблицами
Код:

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