vera17

Классная вёрстка! Такой вопрос, исходя из чего задаёте имена классам, у меня с этим всегда проблема.

Всегда пожалуйста! http://habrahabr.ru/post/189118/ http://htmlbook.ru/samlayout/blochnaya-verstka/plavayushchie-elementy Если владеете английским http://www.sitepoint.com/clearing-floats-overview-different-clearfix-methods/

overflow: hidden; не лучший способ при обтекании, лучше применять clearfix, префиксы для border-radius можно не прописывать маркеры у списка лучше делать через background nav лучше float:right, а не отступ в 330 px А так очень хорошо, дерзайте, Вы на правильном пути! .cakes, .desserts,.creations лучше вставить через img

Я думаю, чем новее версия, тем лучше совместимость (дизайн вряд ли будут в старых версиях отрисовывать).

http://kate-land.net/html-css/item/265-prevent-line-break

Вроде сейчас 30 сообщений не надо, что бы создать тему.

Самое смешное и странное, что решения нет. Опера после моего 3-х часового мучения по поиску решения и n-ого нажатия на F5 вдруг решила сглаживать шрифты, как все нормальные браузеры.

Тему закрываю. Проблема решилась.

Ребята, подскажите пожалуйста, есть ли работающий хак для Opera. То есть, что бы прописать его в css и видеть его будет только Opera. Подключила нестандартный шрифт, а он ёлочкой, и только в Опере так, даже в Осле всё гладко.

Подключите ещё два отдельных css файла, пропишите классы в html.

Здравствуйте! Пропишите li высоту

Show 'Emulation' view in console drawer. Hit Esc or click the toolbar item. Вызовите Инструменты разработчика Ctrl+Shift+I,нажмите Esc и выберите Emulation (или значок есть на панели - стрелочка, а возле неё три полоски)

Css не модифицированный не открывается. Клеарфикс с пустым дивом не используют. Уголки вогнутые можно повесить по старинке картинками http://www.yanajy.com/sdelay-sam/borders-and-corners-using-html-and-css.html А макет конечно витиеватый

http://aleks-lv.ucoz.ua/spec-teh/index2.html 16 headings <h1>(ТехНик) <h2>Контакты <h1>Краткое главное меню <h2>ПОСЛЕДНИЕ НОВОСТИ <h3>19 СЕНТЯБРЯ <h3>21 СЕНТЯБРЯ <h3>22 СЕНТЯБРЯ <h2>НЕСКОЛЬКО СЛОВ О НАС <h2>Меню компаний <h2>Полное главное меню <h3>О КОМПАНИИ <h3>СЕРВИС <h3>НОВОСТИ <h3>СПЕЦТЕХНИКА <h3>КОНТАКТЫ <h3>ЗАПЧАСТИ

Не рекомендуется использовать html 5 shiv из google репозитория http://zoompf.com/blog/2012/05/html5shiv-and-serving-content-from-code-repositories Спасибо за информацию

Спасибо! Иконки я объединила в спрайт, все кроме стрелки. Логотип же в спрайт нельзя? С svg и base64 не знакома, ознакомлюсь обязательно. А где пространство, можете показать, а то я что то смотрю и как то безрезультатно . Бэкграунд, уходящий в даль увидела Если конкретно: когда поле находится в фокусе - синенький бордер не соответствует очертаниям поля. Это не border, просто по умолчанию Google Chrome добавляет синий outline. Его можно убрать. Ага, жалко, закруглить углы нельзя. http://i.imgur.com/HFskVBw.png?1 вот обвел синим неупровляемое пространство Подскажите как этот плагин называется, который задаёт бэкграунд(зелёный, красный), или это вручную?

Спасибо! Иконки я объединила в спрайт, все кроме стрелки. Логотип же в спрайт нельзя? С svg и base64 не знакома, ознакомлюсь обязательно. А где пространство, можете показать, а то я что то смотрю и как то безрезультатно . Бэкграунд, уходящий в даль увидела Если конкретно: когда поле находится в фокусе - синенький бордер не соответствует очертаниям поля. Это не border, просто по умолчанию Google Chrome добавляет синий outline. Его можно убрать. Ага, жалко, закруглить углы нельзя.

Прошу покритиковать вёрстку, указать недочёты, неточности, неправильный подход. Подозреваю, что есть проблемы с пониманием сетки. Вёрстка так же корректно отображается в IE8. Вёрстка http://verino.alldesign.org.ua/test/ Макет в jpg http://verino.alldesign.org.ua/test/6.jpg

Не прилегает вплотную светло-коричневая линия это из-за display:inline-block; http://habrahabr.ru/post/137582/ Мой вам совет, заккомментируйте пространство между li

Всегда пожалуйста! Потому что мозилла распознает это свойство без префикса, я вам ссылочку кидала Вот ещё в тему http://webknowledge.ru/actualnost-vendornyh-prefiksov-dlya-svoystv-boxshadow-i-borderradius/

Вот вёрстка победителей в конкурсе по этому макету, если заинтересует, можно ознакомиться http://blog312.ru/ http://buca-app.zz.mu/landing/ . Хотя, по словам участников группы она тоже не идеальна.

Может зря только и столько h1 использовали? Префикс moz- для бордер радиус, как и для тени можно не прописывать http://caniuse.com/#feat=border-radius http://caniuse.com/#feat=css-boxshadow Под ИЕ7 уже почти не верстают А зачем вы в .news Подробнее кроме <a> ещё в <p> обернули? <article class="news"> <p><time datetime="2014-09-19">19 СЕНТЯБРЯ</time></p> <p class="news_cont">Оперативные поставки дробилок и грохотов McCloskey + бесплатная пуско-наладка </p> <p><a class="more" href="#">Подробнее</a></p> </article>А так ,на мой неискушённый взгляд, очень хорошая вёрстка.

1. Можно было задать всем блокам одну обёртку с шириной 1350px. 2.Строительство коттеджей или СтифТрейд что-то одно из них должно быть h1. 3.Номеру телефона и заказать обратный звонок надо было сделать общую обёртку 4.В header-top можно было использовать float вместо огромных margin 5.Почему блок header-under не идет сразу после header-top? 6.Зачем так много relative? По хедеру вроде всё... Большой и сложный макет для первой вёрстки, плюс Вам за старание и терпение. Рекомендую ознакомиться с версткой опытных верстальщиков или найти качественные, готовые, уже сверстанные макеты и попробовать найденное сверстать самому, а потом свериться с образцом.

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

Делаете вертикальное меню, делаете вложенное меню, скрываете его. На ховер вешаете вложенное меню, прописываете ему видимость, абсолютным позиционированием выравниваете как надо, а для плавности есть transition.