Помогите пожалуйста с респонсив версткой!

[Zehlik]

Доброго времени суток, друзья! Озадачился я версткой макета. В псдшниках несколько файлов (как должна выглядеть страница при различных разрешениях экрана). В общем, хочу вынести на ваш суд результаты своей работы http://zehlik.pe.hu/. Так же хочу задать несколько вопросов:

 

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

 

2. Так же, при разрешении ниже 480 все меню должно сворачиваться в дропдаун под кнопку. Как это реализовать, может есть какие статьи, за ссылочки спасибо!)

 

3. При оформлении текста думаю напортачил. И вообще, по возможности оцените правильность исполнения верстки на всех этапах.

 

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

 

Буду очень признателен за конструктивную критику, советы и рекомендации))

Edited October 27, 2015 by Zehlik

[Zehlik]

Хоть убейте не могу вставить картинку. Может новичкам этого делать нельзя, так что вот ссылки на залитые на диск картинки:

 

https://drive.google.com/file/d/0ByG9LjQQcllZMVdHOUo3UFJGbVU/view?usp=sharing

https://drive.google.com/file/d/0ByG9LjQQcllZdmJnN3UtYUFCNmc/view?usp=sharing

https://drive.google.com/file/d/0ByG9LjQQcllZLUpaUk5rVm1lZG8/view?usp=sharing

https://drive.google.com/file/d/0ByG9LjQQcllZYWpoeEpJLWxoWXc/view?usp=sharing

https://drive.google.com/file/d/0ByG9LjQQcllZY1h6SVF3b0ZoNkU/view?usp=sharing

https://drive.google.com/file/d/0ByG9LjQQcllZdWtCWVVOQV9TbDg/view?usp=sharing

[Нарек]

1. У меня проблема с версткой меню навигации, особенно когда ширина экрана становится меньше 768px меню должно сползти под логотип

Для этого сними float:left от логотипа и float:right от меню.

2. Так же, при разрешении ниже 480 все меню должно сворачиваться в дропдаун под кнопку. Как это реализовать, может есть какие статьи, за ссылочки спасибо!)

куча плагинов, куча способов - например 

3. При оформлении текста думаю напортачил. И вообще, по возможности оцените правильность исполнения верстки на всех этапах

Пока что оценить нечего, за свой велосипед в качестве сетки если только плюсану. 

[rus]

Хоть убейте не могу вставить картинку. Может новичкам этого делать нельзя, так что вот ссылки на залитые на диск картинки:

[Zehlik]

 

1. У меня проблема с версткой меню навигации, особенно когда ширина экрана становится меньше 768px меню должно сползти под логотип

Для этого сними float:left от логотипа и float:right от меню.

Спасибо за ответ! Попробовал, не совсем то. Дело в том, что в разрешении 768-1200 пикс, положение меню меня устраивает, но вот при разрешении меньше 768 я в медиа запрос пишу отмену флотов для лого и навигации, так эта отмена почему-то становится дефолтной(( вот в чем загвоздка. 

 

Спасибо, этот вариант видел, но нельзя ли так, чтобы с винчестера загрузить? Пробовал вставить в урл путь с диска Ц, ничего не вышло(