DragorWW

Только я бы делал через :before http://jsfiddle.net/shqd3/1/

Потому что float: left; Почитай про это свойство подробнее на сайте, про понятие потока. а что бы решить проблему используй clear или .clearfix

не используешь нормалайз или ресетмежду Company Name и Hair & Urban Spa ненужен br, да и вообще я не вижу смысла вставлять их display: block, display:inline-block, так же br у телефона в шапкеховеров нету, не смотрел макет, хотя думаю что и их там то же нету.<div class="traingle"></div> можно через :before вставлятьнеобычно название для враппера .allраз уж есть footer и header то и другие html5 теги можно было использовать например для .article

Я не ставил минус, но очень волнует меня вот эта цитата. Насколько я понял, все сайтостроение сейчас идет с float-ом, если это не так, то значит я до сих пор ничего не понял. что на локальных файла что в http://jsfiddle.net/DragorWW/9GYGv/ всё работает как надо. И скорее всего это некорректное поведение связанно с переопределением float чем то. Вообще если сможешь на jsfiddle залить пример который не работает, то мы сможем тебе помочь. и да float по факту не сильно то и нужен меня спасают inline-block и table-cell ну и да ещё clearfix.

Если на чистом js то вот так можно: http://jsfiddle.net/DragorWW/zn23H/ (forEach можно на for заменить если нужно будет для поддержки старых ie) или вот вариант на jquery http://jsfiddle.net/DragorWW/wHYQ9/

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

Да я понимаю, что я не доделал...Но я сделал все, что было в моих силах,хотелось бы увидеть ссылки на какие нибудь ресурсы(книги,курсы) которые помогут мне исправить все мои ошибки и улучшить верстку не используй br для отступов, у тебя br в вёрстке зависят от размера шрифта, это всё вводит хаус, лучше пропиши padding, margin 2) шапка, зачем ты её забил в список ? в этом нет нужды, при этом используешь флоат используй clearfix 3) меню зачем ты все элементы вставил одной картинкой, советую сначала посмотреть как свёрстаны похожие сайты, там и подчепнёшь как надо

Ответ на первый вопрос https://gist.github.com/DragorWW/8536946 либо вообще без href, либо можно использовать не тег ссылки, а div

http://jsfiddle.net/DragorWW/MLySr/

Ну тут на самом деле варианта у нас 3 как можно такое реализовать, и всё зависит собственно где мы это используемым Вариант первый: JS - http://fittextjs.com/ - http://simplefocus.com/flowtype/ Вариант второй: CSS media query @media only screen and (max-width: 320px) { body { font-size: 2em; }}@media only screen and (max-width: 640px) { body { font-size: 4em; }}@media only screen and (max-width: 720px) { body { font-size: 6em; }}но в этом варианте, нет той плавности переходов. Есть ещё третий вариант с использованием единиц измерений типf vw и vh вот демо: http://css-tricks.com/examples/ViewportTypography/

И потом растягивать на всю ширину cover? почему, нет. нам нужны 3 картинки, верхняя тень, она будет тайлица. + ещё 2 тени через position: absolute: left: 0; и right: 0; и не нужно нечего тянуть

Ну на самом деле в этих тенях в макете не сильно видно логики, я бы их наложил поверх фона через PNG/24

Ну честное слово, вам с таким оформление ни кто не сможет помочь.

советую делать через table-cell, вот пример http://jsfiddle.net/DragorWW/sHSvb/

http://jsfiddle.net/Z24K2/2/