GoodProject

Я нашёл решение, но не знаю на сколько оно правильное.

Вообщем есть 1 блок section, ему задал бг номер 1.
Внутри расположил ещё один блок, ему задал абсолютное поз. и бг номер 2.
Т.е section служит для блока номер 2 обёрткой и он рассчитывают позицию от него.

Вроде всё работает.

Делай всё как показано в видео уроке, и таких багов не будет.

У меня тоже самое, знаю только HTML5,CSS3, и уже хочется зарабатывать))

Блин круто, а как вы сделали всё это, какие знания нужны кроме css и html? JS, Jquery?

Сайт хорошим получился и всё круто. просто я лично ещё не умею делать слайдеры и когда на картинку нажимаешь она появляется в рамочке которую можно закрыть, вот и интересно через что это было сделано ))

Я кажется понял, т.е если у первого блока стоит height: 30 и вниз я добавляю ещё один блок, и ставлю ему top: 30 то в сумме получается отступ от самого верха 60px? Т.е подсчёт расстояния идёт не от самого начала сайта а от объекта который стоит выше? Если да, то как тогда понять какое значение нужно вписывать, если в PSD указано 140px, а на деле получается, 30-40px, как узнать какое значение самое точное, прям как в шаблоне? А то у меня там есть ещё значение которое отбавляет -36px, так и запутаться можно..

Нашёл как скачать его:

Чтобы попробовать его в деле, нужно быть зарегистрированным на сайте Adobe.
Скачать PSD Lens (сейчас его похоже переименовали в Extract) можно здесь: https://brackets.webpaprerelease.com/

Те же проблемы ))

Вроде HTML и CSS знаю, но как практиковаться хз, Видимо люди не понимают что мы просим ) А именно видео какие нибудь, с подробной версткой, для нубов, что бы было всё понятно. Или текстовые гайды, типа вот берём шаблон, вот я пишу тут в хтмл код для шапки сайта, в ксс тут же вписываю её размеры и пр, вот так, что бы было понятно, а не так как в большинстве видео тупо верстают без объяснений + видео старые, и возможно вообще это неправильный тип верстки, в одном видео чел вообще всем элементам привязывал ID, и в комментах писали что это неправильно, вот так вот потом насмотришься корявых видео и сам таким же будешь, поэтому нужен качественный материал, но за бесплатно его не так много.. раз такая проблема имеет место быть.

Продублирую ответ Максима Фролова из моего вопроса:

Начните с теории по верстке. Все изучаемые азы сразу же используете. Посмотрите пример верстки, как это делают другие, попробуйте написать тоже самое. Потом возьмите любой макет из сети и попробуйте сверстать его. Навык постоянно будет совершенствоваться. Главное, все сразу закреплять на практике.

Так же от себя рекомендую сайт htmlacademy.ru , много курсов, в данный момент обучаюсь именно там, (до этого читал курc по ксс и хтмл на каком то сайте про html, css, js, там была очень хорошая подача материала, и смотрел видосы соракса и вебтеори) подкрепляю знания, потом можно будет перейти к верстке, ещё желательно узнать как делаются основные элементы типа слайдеров и пр. но это уже по части JS как я понял.. =)

Ну и как я часто слышал, нужно именно практиковаться, я и сам это стал замечать, просто всё что ты учишь тут же нужно записывать по несколько раз, например выучил новые теги, тут же их записал, протестировал, и так понемногу рано или поздно дойдём до верстки ))

Люди похоже даже вопрос не читают. Мне не нужны курсы по HTML/CSS. Мне нужны уроки по верстке.

Помоему очень круто и профессионально. Какой у вас стаж?
Как вы такому обучились? Мне конечно далеко ещё..

Brackets

Выучил HTML и CSS. А JavaScript пока что ленюсь учить. )
Может подскажите хороший самоучитель? Или видео? Конечно лучше самоучитель, видео я у Sorax'a могу посмотреть, но это как дополнение, а то многие говорят что по видео учиться это не очень хорошо, но лучше вообще совместить и то и другое, заранее спасибо.