red4pony

Но он не решает вопрос исчезновения боковых панелей. При сужении они заезжают под центральный блок(а именно левая). Или есть способ их упрятать похитрее чем через медиазапросы?(тоже заинтересовала эта тема) P.S. Читал недавно книгу Люка Вроблевски - "Сначала мобильные". Так там автор советует сначала создавать сайт исходя из расчета под мобильные устройства (с маленьким дисплеем), а потом (по мере надобности) при увеличении экрана ДОБАВЛЯТЬ(с помощью JS) необходимы элементы(в данном случае боковые панели). Благодаря такому подходу портативные устройства не будут грузить содержимое которое они не увидят. И вследствие понижается трафик и повышается скорость загрузки страницы

Правильно - не существует(вилки - нет). Все субъективно. Делайте согласно Вашим убеждениям/стилю. Уместно вставить изображение и у Вас появится редчайшая возможность использовать float по назначению (камень не в Ваш огород). Вы там намудрили с вложенностью. Достаточно было: <div> <img> <h5>Title</h5> <p>Paragraph</p> </div> И добавить float изображению. P.S. А партнерки разве Вы контролируете?(абстрактно) Они(книги) могут меняться, в зависимости от посетителя/желания рекламодателя.

Уберите data-title и вложите в ссылку <span>(ну или любой элемент на Ваш вкус), абсолютно спозиционируйте его, скройте. А при наведении пусть появляется. Код станет чуть больше, но это даст Вам больше контроля.

Вот Вот (sidebar-left, sidebar-right) Вот P.S. В логотип бы заголовки вложить P.S.S. menu-bar при :hover состоянии, всплывающие надписи не удобны (и смещены относительно соответствующего значка). Может их расположить в одну строчку(при наведении естественно)?

Я думаю это Ваше "правильно"(а именно привычка и стандарт именования в Вашем круге профессионального общения). БЭМу привет. Я буду опять за свое. Именование классов не должно(так советуют гуру, семантика и удобочитаемость кода), что имена классов/идентификаторы должны отражать суть объекта, его предназначение, роль, функцию. А не "зеленый блок справа", что отражает его внешний вид и положение(оба могут поменяться). К слову и футер не обязательно должен быть внизу страницы. У Вас <section class="block"> лежит в одном ЛОГИЧЕСКОМ контейнере с рекламой. Что между ними общего? Считается что верстальщик - это ругательство(прошу без флейма, если будет необходимость создайте для этого отдельную тему). Веб-мастер, веб-дизайнер, веб-разработчик, но ни как то "слово". Вы же должны не просто раскидать элементы по странице, но и построить логику строения сайта (для роботов, читающих браузеров - об этом мало кто заботится, для себя любимого/коллег). Считаю что данная реализация не послужит Вам хорошим подспорьем. Вопрос эластичности, адаптивности и юзабельности(вопрос к дизайнеру) не решен. Простите если был слишком категоричен и резок.

Здраствуйте. У меня вопросы толь к именам классов. Вы дублируете название тега именем класса. Имена классов транслитом(считается что не хорошо). Позиционно зависимые имена (right_side) - лучше давать имя отражающее предназначение элемента/блока. Класс group (кажется лишний). P.S.Зачем Вам кастомный скролл? Он скрывает три строчки...

Установить в процентном соотношении ширину для боковых колонок, а потом с помощью медиазапроса после минимально порога задать им(боковым колонкам) display:none. Так не подойдет?

А что Вам мешает самому посмотреть код и выяснить как там все устроено?

Стало интересно. Сам не знаю, но поиск дал вот это P.S. Нажал бы на кнопку "Следить за темой" (да вот беда с ней). Буду следить.

Ну это же не книги. Я имел ввиду произведения такие как "CSS3 для веб-дизайнеров" Дэна Сидерхольма где он пишет: Это он об анимации. И таких примеров много. Можно вспомнить Дейва Ши и Молли Хольцшлаг с их великолепной книгой "Философия css-дизайна" где много изображений того что хотелось бы видеть живым непосредственно в контексте этой книги. P.S. Результат после конвертирования не впечатляет, если заглянуть в код.

уже есть Через поиск нашел только детские книги. Ссылку не дадите?

А представьте круто было бы читать КНИГИ о HTML/CSS/JS в формате интерактивной веб-страницы, с примерами работающего кода, анимацией.

Вы хотите таблицу разорвать? P.S. И на сколько не обманывает меня мой монитор то th

Никак не отойдете?

1) Множественные фоны 2)Через дополнительные блоки. Container'у, верхнему и нижнему блокам задайте относительное позиционирование. У container z-index больше чем у тех двух блоков. Container'у задайте отрицательные верхний и нижний отступы. 3) Дополнительная вложенность(для каждого уровня вложенности свой фон) и теперь отступы у container положительные.

Вы получили опыт. Сделайте выводы и верстайте другой сайт. Не зацикливайтесь на одном.

Примените другой шрифт. Этот шрифт декоративный, оставьте его только для логотипа и пунктов меню(если тут он очень нужен, но я бы убрал), а для остального тектса подберите шрифт из стандартного набора. P.S. Поехал номер телефона и над буквой "O" в логотипе появилась линия. И всё это из-за лишнего кода. Почистите.

У Вас на главной странице одно изображение(не понятно зачем кликабельное), навигация и контактные данные, а кода больше чем нужно. Логотип (можно сделать также изображением) красиво смотрится этим шрифтом, а вот над остальным текстом я бы посоветовал Вам задуматься.

<header class="header"> - уникальный класс для уникального(в Вашем случае) тега немного не логично. Тут же в шапке заголовок идет после меню - неправильное очередность. У Вас слишком много вложений. Например портфолио. Блок с работами у Вас параграф - не семантично(измените на section или div). Саму работу Вы прячете далеко в span'ы. Создаете строковый(эта классификация привычнее чем HTML5) элемент, а потом делаете его блочным. <span class="sige"> интересно расположен не по центру (если это не задумка такая), удобнее будет применить margin: 0 auto; (но до этого избавьтесь от лишних вложений). Считаю что изображения работ удобнее делать фоном к ссылке(а для нее делать круглые уголки) - избавитесь от большого количества кода как в HTML, так и CSS.

Меня не возмутило, меня просто удивил сам код. Возможно это из-за того что я не знаком с cufon и для него необходимо строить вавилонские башни. Но мне кажется что на странице слишком много кода.

Топикстартет пишет мне в личку, а я тут излагаюсь. У Вас получилось много свободного места справа, лучше для wrapper добавить width:80% и margin: 0 auto;(а другие margin убрать). Ну и придется подправить полупрозрачные полоски. В области контента справа много свободного места - уберите/распределите. Еще раз повторюсь, множественные фоны поддерживают не все браузеры. Вместо полупрозрачных колонок задайте для контейнера цвет фона ввиде rgba(255, 255, 255 , 0.5) - браузеры которые не поддерживают данную модель цвета, проигнорируют эту запись(задайте выше фон для подстраховки) и никто из посетителей не поймет что тут что-то не так

Костыль+ table { position: relative; /*top: -70px;*/ left: 0px; } Гды Вы взяли этот шаблон?

Ну вот зачем так Я хотел удивить всех и сказать что могу лечить по фотографии. А Вы все испортили. Ссылка Уберите у #page свойство background (где задается картинка через url) и аналогично у #page_bottom

Дайте пожалуйста ссылку на сайт

Удалите <hr> или border-top и border-botom. А еще я буду сердечно благодарен если покажите свой код. P.S. Можно еще ластиком