(.)(.) Сиськеее...
С нами с 20.05.03
Сообщения: 2598
Рейтинг: 2651
|
 Добавлено: 13/03/12 в 08:43 |
Давно не создавал темы в этом разделе... 
Есть потребность вникнуть в тонкости правильной блочной верстки. Погуглил, задолбали коротенькие мануалы "как сделать сайт из 3-х колонок". Надо пособие, или урок, или еще что то в расширенном варианте.
Может кто что подскажет?
|
|
|
|
| |
С нами с 11.11.11
Сообщения: 80
Рейтинг: 119
|
| Добавлено: 13/03/12 в 08:54 |
|
|
|
|
VERBA VOLANT, SCRIPTA MANENT
|
9
|
|
| |
I have never been clever
С нами с 28.03.08
Сообщения: 4795
Рейтинг: 2529
|
| Добавлено: 13/03/12 в 09:56 |
|
|
|
|
| |
Добрых Дел Мастер
С нами с 03.05.08
Сообщения: 3143
Рейтинг: 1227
|
| Добавлено: 13/03/12 в 10:14 |
| Project писал: |
задолбали коротенькие мануалы "как сделать сайт из 3-х колонок". Надо пособие, или урок, или еще что то в расширенном варианте. |
если ты научишься делать 3 колонки 10 разными способами - ты будешь знать блочную верстку. всю
|
|
|
|
пришел к победе коммунистического труда
|
10
|
|
| |
(.)(.) Сиськеее...
С нами с 20.05.03
Сообщения: 2598
Рейтинг: 2651
|
| Добавлено: 13/03/12 в 11:09 |
О, спасибо, насыпали.
FXIX: Да не уверен. Во всех этих примерах рассматривается очень мало тэгов css...
|
|
|
|
| |
Добрых Дел Мастер
С нами с 03.05.08
Сообщения: 3143
Рейтинг: 1227
|
| Добавлено: 13/03/12 в 12:43 |
так блочная верстка это всего-лишь потоки и позиционирование.
display: inline|block
position: relative|absolute|static
float: left|right
|
|
|
|
пришел к победе коммунистического труда
|
10
|
|
| |
(.)(.) Сиськеее...
С нами с 20.05.03
Сообщения: 2598
Рейтинг: 2651
|
| Добавлено: 13/03/12 в 13:08 |
FXIX: Да, но там же еще и подчиненные элементы всякие, куча параметров может быть у элемента и т.д... Вот на примерах это все рассмотреть - для меня куда проще понять...
|
|
|
|
| |
С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760
 
|
| Добавлено: 13/03/12 в 16:20 |
|
|
|
|
| |
Добрых Дел Мастер
С нами с 03.05.08
Сообщения: 3143
Рейтинг: 1227
|
| Добавлено: 13/03/12 в 17:59 |
| Project писал: | | FXIX: Да, но там же еще и подчиненные элементы всякие, куча параметров может быть у элемента и т.д |
какие такие подчиненные, а ну. это что-то новое 
|
|
|
|
пришел к победе коммунистического труда
|
9
|
|
| |
С нами с 18.10.02
Сообщения: 4165
Рейтинг: 3365
|
| Добавлено: 13/03/12 в 20:11 |
| Project писал: | | FXIX: Да, но там же еще и подчиненные элементы всякие |
Сразу видно, какой нишей человек занимается
|
|
|
|
| |
С нами с 10.10.08
Сообщения: 347
Рейтинг: 303
|
| Добавлено: 13/03/12 в 20:53 |
|
|
|
|
| |
www.phpdevs.com
С нами с 24.10.02
Сообщения: 16633
Рейтинг: 16105
|
| Добавлено: 14/03/12 в 01:50 |
Можно взять легкий css фреймворк и не парить себе мозг всеми блоками и прочей фигней.
|
|
|
|
Пишу на php/mysql/django за вменяемые деньги.
Обращаться в личку.
|
9
|
|
| |
(.)(.) Сиськеее...
С нами с 20.05.03
Сообщения: 2598
Рейтинг: 2651
|
| Добавлено: 14/03/12 в 08:39 |
Stek: Поясни плз?
|
|
|
|
| |
С нами с 11.11.11
Сообщения: 80
Рейтинг: 119
|
| Добавлено: 14/03/12 в 08:52 |
|
|
|
|
VERBA VOLANT, SCRIPTA MANENT
|
9
|
|
| |
www.phpdevs.com
С нами с 24.10.02
Сообщения: 16633
Рейтинг: 16105
|
| Добавлено: 14/03/12 в 10:12 |
|
|
|
|
Пишу на php/mysql/django за вменяемые деньги.
Обращаться в личку.
|
9
|
|
| |
Добрых Дел Мастер
С нами с 03.05.08
Сообщения: 3143
Рейтинг: 1227
|
| Добавлено: 14/03/12 в 10:26 |
да. нахуй тебе верстка. юзай фреймворки. просто класс тегу въебал и усе.
мы для админок юзаем это http://twitter.github.com/bootstrap/
клиент сикается при виде этой всей красивой ебалы 
но это не отменяет тот факт что фронтенд любого сайта - сверстан руками. не знаешь базу - не знаешь ничего. эти css-ебалы подходят там где "лишь бы как-то было"
|
|
|
|
пришел к победе коммунистического труда
|
9
|
|
| |
(.)(.) Сиськеее...
С нами с 20.05.03
Сообщения: 2598
Рейтинг: 2651
|
| Добавлено: 14/03/12 в 10:28 |
"Лишь бы как" мне совершенно не подходит... Я хочу сам для себя все делать правильно и красиво.
|
|
|
|
| |
Добрых Дел Мастер
С нами с 03.05.08
Сообщения: 3143
Рейтинг: 1227
|
| Добавлено: 14/03/12 в 10:39 |
не. в том смысле что там, где нет целенаправлено дизайна.
-админки скриптов\движков
-всякие панельки
-там где потом будет дизайн но пока его нет (двиг сделал. продаешь. дизайна нет. ну въебал эту красоту стандартную, и порядок).
-проекты на стадии написания. чтобы заказчику не показывать просто стандартные контролы. а покрасивше
|
|
|
|
пришел к победе коммунистического труда
|
8
|
|
| |
С нами с 11.08.10
Сообщения: 6
Рейтинг: 40
|
| Добавлено: 20/03/12 в 22:54 |
| FXIX писал: | так блочная верстка это всего-лишь потоки и позиционирование.
display: inline|block
position: relative|absolute|static
float: left|right |
узко мыслишь. если ты так считаешь, то ты мало что знаешь о верстке 
|
|
|
|
| |
С нами с 11.08.10
Сообщения: 6
Рейтинг: 40
|
| Добавлено: 20/03/12 в 22:59 |
http://ruseller.com/
очень полезный сайт - там и всякие мудрости хитрые есть как css, так и js, php etc.
еще там поройся - шпоры есть сразу с примерами. поразбирай их и потихоньку понимание прийдет ;)
|
|
|
|
| |
Добрых Дел Мастер
С нами с 03.05.08
Сообщения: 3143
Рейтинг: 1227
|
| Добавлено: 20/03/12 в 23:53 |
| sipay писал: | | узко мыслишь. если ты так считаешь, то ты мало что знаешь о верстке |
а ну расширь мое мышление
|
|
|
|
пришел к победе коммунистического труда
|
7
|
|
| |
С нами с 15.12.05
Сообщения: 287
Рейтинг: 293
|
| Добавлено: 21/03/12 в 11:26 |
у меня не хватает нервов на универсализацию в разных браузерах.
Тут мало теории, надо иметь большой опыт и кучу времени потратить.
|
|
|
|
| |
Засиратель форума, рецидивист.
С нами с 04.04.03
Сообщения: 23934
Рейтинг: 355
|
| Добавлено: 21/03/12 в 12:54 |
ну будет выглядеть в разных бразерах чуток иначе, и по хуй.
Дэн Седерхольм разрешил 
|
|
|
|
| |
С нами с 24.06.10
Сообщения: 2686
Рейтинг: 543
|
| Добавлено: 22/03/12 в 20:52 |
| sipay писал: | | узко мыслишь. если ты так считаешь, то ты мало что знаешь о верстке |
а вот соглашусь с FXIX-ом... все остальные техники лейаута (а всякие там колонки - это и есть уровень макетарования т.е. лэйаута) так или иначе сводятся к той или иной комбинации этих трёх составляющих, разумеется, если мы говорим именно о той самой блочной вёрстки, где display: table etc не используется (как в принципе и должно быть, имхо)
Исключением из этого, ну пожалуй только методы на основе т.н. "Negative Margins" и "Faux Columns", и то, как частный случай и только для создания одинаковой высоты... ясен, всё зависит от диза и что верстаем, но вот в любом случае, позиционирование и потоки - это основа блочной вёрстки.
|
|
|
|
| |
www.phpdevs.com
С нами с 24.10.02
Сообщения: 16633
Рейтинг: 16105
|
| Добавлено: 22/03/12 в 21:24 |
Самое забавное, что в блочной верстке наиболее универсален вариант с таблицами
| Код: |
<table width="100%">
<tr>
<td width="30%"></td>
<td width="20%"></td>
<td width="50%"></td>
</tr>
</table>
|
Браузеры уже давно умеют рендерить таблицу не дождавшись ее окончания. И фиг знает почему все хотят дивы.
|
|
|
|
Пишу на php/mysql/django за вменяемые деньги.
Обращаться в личку.
|
9
|
|
| |
у которого друг - автор этой книги.
