paralex

отсюда #header_panel ul свойство background: rgba(0, 214, 255, 0.32); перенесите сюда #header_panel вместо background: #FFFFFF;

Не сильно понято что требуется. Есть возможность показать psd файл или хотя бы скрин того момента что не получается?

Ну я просто показал маленький кусочек кода про то как я вставил бы картинку

Картинки рядом можно вставить просто через background у input и сместить туда куда надо. Но вот если картинка через спрайт, то если бы мне надо было я сделал так http://jsfiddle.net/paralex/k74j81vq/ Хотя мне кажется что здесь как-то неправильно и можно спрайт лучше использовать. Был бы рад если кто что подсказал. А вот фон скорее всего картинка. Хотя может кто научит и другому способу?

Что-то совсем напутано все. Тег <h1> лучше использовать для основного заголовка текста и только один раз на странице После тега <p> необязательно ставить тег <br> он и так автоматом сделает отступ и перейдет на новую строку Ну и конечно не забывать закрывать все парные теги. Должно быть как-то так: <h1>Содержание</h1> <p><a href="#el1">Глава 1</a></p><p><a href="#el2">Глава 1</a></p> <hr> <h2 id="el1">Глава 1</h2><p>Текст Текст Текст</p> <h2 id="el2">Глава 2</h2><p>Текст Текст Текст</p>

Не скажу как лучше, сам только учусь, но вот так вроде самого кода html поменьше получается http://jsfiddle.net/paralex/nuvp7u1p/

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

Здравствуйте. Посмотрел форум и не наткнулся на хорошие решения данного вопроса. Чтоб было понятнее приведу реальный пример. Вот есть блок контента. Внутри него wrap заданной ширины и margin: auto. И вот в этом блоке есть линии которые должны выходить за его границу влево и вправо и до конца окна браузера при любом разрешении. Самым адекватным способ посчитал сделать их через position:absolute (задал ширину линий 1000px и отпозиционировал куда требовалось) и слева никаких проблем не возникло, а справа появилась полоса прокрутки. Скрыл ее через overflow-x:hidden и довольный результатом продолжил. В конце верстки посмотрел как выглядит в разных браузерах и вот на устройствах ipad iphone получается так что это полоса в тысячу пикселей справа показывается полностью, и получается огромная пустота справа и узенький сайт слева. Как это исправить? И может быть есть более правильный способ делать такие линии?