Как вставить по правому и левому краю изображения!

Вот сайт dlya-klienta.ru/ и по левому и правому краю хотел поставить png формата у меня криво получается, шаблон расходится, шаблон называется mega_siena, примерно так:

Это учебный проект не смейтесь над моим бардаком))))

Murad, добавьте для левого изображения CSS:для правого:
Смещение в 320px чтобы они у вас не перекрывались с верхней шапкой. Отрегулируйте, как нужно.

Спасибо VARion, что откликнулся!!! Я как ты советовал вставил в сss игрался с пикселями, но картинки к сожалению не удалось увидеть(( Фотки лежат по пути как ты прописал dlya-klienta.ru/images/bgleft.png, я в css вставляю url с правильным именем png. но не как выходит. пробовал с новым div ом (div class="bgleft") и (div class="bgright") вместо .mega_wrapper прописать тоже самое. Если тебе не трудно и будет время и желание помоги мне чайнику пожалуйста!
С меня магарыч!!!

Murad, когда я писал адрес к картинке, то предполагал, что картинка лежит в текущем шаблоне и подпапке images.
Если картинки лежат в папке /images (как сейчас), то изображение будет иметь другой путь (без точек в начале):По дополнительным дивам: не стоит их столько плодить и друг в друга вкладывать, уберите лишнее и будет проще вам разобраться и настроить и браузер быстрее загрузит более простую структуру.

Также, используйте firebug при разработке: научитесь пользоваться им и он научит вас.

VARion ))) Левая картинка появилась как ты предсказывал, по высоте выровнял все дела все отлично! Но вторая картинка bgright.png что-то не как не хочет выставиться(( Я меняю местами div ы например стоит первым div class="bgleft" вторым стоит div class="bgright", так вот, меняю их местами показывает тот див который первый стоит а второй не показывает.

P/S Понимаю, что тебе уже надоедаю, но не могу успокоиться((( Для тебя это как два пальца щелкнуть)) а для меня как видишь проблема )))

Murad, тут, конечно, нужно изучать CSS как работает...

Я смотрю, ты использовал одну картинку общую, так тоже вполне возможно. Также учитывая что шарики могут повторяться, можно их тиражировать по горизонтали (repeat-x вместо no-repeat). Главное чтобы они могли повторяться без швов.

Если всё же нужно одной картинкой сделать, то тогда у неё x и y нужно ставить с выравниванием по центру: 50% 377px т.к. у разных людей разная ширина экрана, а не жёсткая 1366px.

То что отображается только одно изображения, точно не могу сказать причину. Попробуй использовать изображение с прозрачным фоном там, где сейчас серый цвет однородный в обоих изображениях.

---- Добавлю
Разобрался. Чтобы второе изображение отображалось нужно в класcе .bgright дописать overflow: hidden; без него див получается нулевого размера и, соответственно картинку не видно.

VARion Спасибо все заработало как надо!!! урааа Ты правильно сказал css нужно изучать, просто всегда привык гуглить, решил забыл как говориться, но теперь понял, надо изучать языки)))