webmax7

ничего никуда выносить не нужно, table тоже не нужен, как-то так http://jsfiddle.net/aarxq6tj/

для указанных кнопок срабатывают стили #header ul li a{color: #868686;display: block;line-height: 35px;padding: 0 7px;}

$(document).ready(function(){ $("#where").click(function(){ var selected = $(this).attr('href'); $.scrollTo(selected, 2000); return false; }); }); здесь у вас событие клик отрабатывает для элемента с id="where", а должно для ссылки. Добавьте ссылкам классы или id и на них вешайте клик

похоже у центр. блока задана ширина, и при уменьшении окна он не помещается в строке и спускается вниз. Почитайте как работает float. Это азы.

там логика проста. проверяете js-ом scrollTop у body, если больше определенного значения - добавляете доп класс хедеру. А в стилях - если у хедера есть этот класс прячете ненужные элементы, меняете стили и т.д..

вариант с table-layout:fixed; пробовали? http://jsfiddle.net/vrn0y1kr/8/

можно посмотреть как вы добились горизонтального скролла окна браузера у резинового сайта?

попробуйте оптимизировать согласно рекомендациям https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.modelmaking.ru%2F&tab=desktop

child -ы рассматриваются на одном уровне. У вас по-сути в li - шках одна ссылка, она же - first-child. При существующей структуре вам нужно так писать селекторы. #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child a {...} и #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child ul a {...} P.S. простите, но ваш html, css ужасен, зачем <hr class="separator"> , есть же css - border. Зачем такие сложные селекторы? Полагаю вы не слышали о БЭМ.

http://jsfiddle.net/s3m9pkv9/1/

img { max-width: 100%; width: auto; height: auto; } Оно?

https://dl.dropboxusercontent.com/u/15995074/fl_work/and/diadex_reliz/product.html - сбоку вкладки, возможно устроит вас такой способ

посмотрите как здесь реализовано lux-dent.com.ua

Ищем учеников с начальными знаниями html и css, желающих приобрести профессию html-верстальщика

Ищем учеников с начальными знаниями html и css, желающих приобрести профессию html-верстальщика, на удаленное обучение. Обязательные требования: - верстка по принятым в команде стандартам; - высокий уровень самоорганизации; - высокая обучаемость и самообучаемость; - стремление к самосовершенствованию; - усидчивость, ответственность, настойчивость. - перфекционизм, который мы научим вас контролировать. Мы предлагаем: - обучение и дальнейшее трудоустройство лучших учеников; Более подробную информацию отправим вам на e-mail. Ждём ваши резюме с фотографией (обязательно) на e-mail: gtl.vorobyov@gmail.com, с пометкой "Ученик". Все вопросы просьба также отправлять на указанную почту.

1) img никогда!!! не должны тянуться, т.к. это ухудшает качество img 2) для ОФОРМЛЕНИЯ блоков изображениями используют background - это не только кроссбраузерно, но соответствует принципу разделения структуры и оформления 3)before и after для ie7 прекрасно эмулируется с помощью jquery 4)комментарии на русском в css - нормально только если верстаете для себя 5) "слишком большие отступы по бокам при уменьшении ширины окна браузера" - % отступов в соотношении с % контента на маленьких экранах черезчур большой, но такие вопросы обсуждаются с заказчиком, поэтому может вы и правы

IE7 с помощью PIE поддерживает border-radius. И зачем, собственно искать сложные пути? Во-первых, пользователь может зайти со старого браузера, отличного от ИЕ. Это тоже можно подправить, определяя тип и версию браузера яваскриптом (хотя вряд ли PIE будет работать в старых мозиллах и операх), но использование такого кол-во костылей уже вряд ли проще нарезки картинок. Во-вторых (по порядку, но никак не по значению), если у пользователя отключён JS, он увидит неприглядную картину. Скруглять углы border-radius'ом можно тогда, когда радиус скругления небольшой и в ИЕ8 и старше сайт не будет выглядеть чересчур угловато. Примеры: htmlbook, twitter, некоторые сервисы яндекса. Имхо, сначала лучше не увлекаться новыми возможностями html5 и css3, а налегать на более надёжные варианты. А уже потом можно и с новыми возможностями поиграться. Хотя вёрстку не видел, т.к. не могу скачать файлы 1) Для старых браузеров существуют префиксы. 2) Нормальное отображение сайта с отключенным JS - это требование ваших заказчиков? Пара риторических вопросов: - какой % пользователей отключает JS? - какой % сайтов нормально выглядят с отключенным JS? Border-radius поддерживается без костылей во всех современных браузерах. HTML5 и CSS3 несут в себе не только украшательства, но и возможность избавляться от костылей в виде оформительских тегов, скриптов для разметки, лишних подгружаемых изображений. И как следствие: чистый код, надежность верстки, меньшее количество запросов к серверу (увеличение скорости загрузки страниц). Профессиональные верстальщики - специалисты которые постоянно повышают уровень своих знаний, изучают новые приемы верстки, технологии и т.д. Поэтому надежные варианты это хорошо, конечно, но не стоит стоять на месте, а тестировать, оттачивать и применять новые возможности современных технологий.

Плохо: - использование img для оформления в хедере и футере, их(img) растягивание это вообще ... - логотип также лучше сделать через бэкграунд - кнопки верхнего меню сверстаны неправильно, проведите горизонтально по кнопке - увидите - много пустых дивов созданных исключительно для оформления. Вы слышали о :before и :after? - использование разных составных частей бэкграундов для левых и правых блоков в контенте, ведь по сути, блоки слева и блоки справа одинаковы по оформлению кроме цвета. Цвет можно задать через css. - коментарии в css на русском - слишком большие отступы по бокам при уменьшении ширины окна браузера, в ie7 при этом левый-нижний блок залазит под подвал Удачи, Вам.

IE7 с помощью PIE поддерживает border-radius. И зачем, собственно искать сложные пути?

Ограничение ширины: - тебе уже подсказали - max-width. Для того чтобы использовать классы вместо id необязательно знать JS, на эту тему полно статей. Формы: При наведении на кнопки форм должен быть cursor:pointer; У полей верхней формы, в этом макете, должны быть заданы placeholder-ы. Поля должны иметь паддинг.

Ресет Эрика Мэйера. Не оптимизирую его под каждый макет сознательно. Избыточен стилевой файл или ресет? Каким образом вы увеличиваете шрифт и в каких браузерах, искал настройках не нашел, раньше вроде, в Опере и ie можно было - хочу увидеть проваливающийся submit. По поводу доктайпа - смотрите видео Вадим Макеев "Доктайп.Точка"

По сабжу — 1) невнятные имена классов, 2) зря не используете text-transform:uppercase, 3) по-моему, спан с неразрывным пробелом ради оформительской картинки — излишество. Ну и JS-костыль на замену плейсхолдера для инпутов я бы не в атрибуты пихал, а грузил отдельно лишь там, где он нужен (по событию загрузки DOM, например). И еще лично мне непонятно, зачем списку новостей (нужен ли там список — отдельный холиворный вопрос, ну да ладно) сбрасывать дефолтный маркер, чтобы с помощью фоновой картинки для :first-letter нарисовать... практически такой же 1) имена классов согласен невнятные - часть идеи БЭМ подхода, не отточенная до нужного уровня 2)про text-transform - почему зря, можно подробней 3)по поводу сброса дефолтного маркера - в этом макете согласен похожи. Но верстка должна соответствовать макету, и на будущее научиться решать подобную проблему в ie7 хотелось бы научиться И спасибо за критику.

Да.

А ИЕ или ксс 2.1 не прошлый век?(40% пользователей) Вы что не умеете делать кроссбраузерный @font-face?

Оцените верстку - http://dl.dropbox.com/u/15995074/portfolio/verstka_8/index.html ie7+ и последние версии всех остальных Из того что хочу еще доработать: эмулировать плэйсхолдер для поля password, отобразить маркеры в блоке для ie7 Буду рад конструктивной критике, рекомендациям и советам относительно верстки, написания кода, используемых методов. Спасибо.