Как разрезать картинку?
 

Переворачиваем на 90 градусов. И режем так, чтобы поля были полями для сайта. Рамка такая. Заклёпки по углам. Светлый фон по бокам. Как сделать, чтобы при повторе бокового он был бы бесшовный? Как сделать, чтобы левая планка была слева, а правая встала справа?

Risa,
Разрезать в фотошопе на отдельные картинки и показывать их где надо и как надо

Разрезала. Показываю как надо, но почему-то видны места склейки. Как их убрать? Как разрезать, чтобы фон был без склеек? И по правому борту картинка не показывается как надо.

Оно и так без зазоров. Вопрос в том, чтобы без склеек было. Словно одной картинкой.

Risa,
Еще бы знать, что вы при этом имеете в виду под склейками...

Места склейки...
Если я правильно понял, то средняя часть этой картинки размножается и видны "склейки" между фрагментами? Если да, то гуглите на тему "Как сделать бесшовный фон". Эт не очень сложно.
Средствами CSS, HTML, JS этого никак не сделать.
Но проще взять уже готовый фон где-то, похожий на тот, что у вас. Тогда он замостит фон сайта без "склеек".