Обычно делают целой картинкой --- добавлено: 22 ноя 2012 в 18:14 --- Если нужны банеры- посмотри например тут http://www.mvideo.ru/ немного по другому. Изучи страницу в firebug
При чем тут разрешение? Если у вас ширина сайта 990px. Делаем просто картинку в центре пустое место шириной 990px и по краям размещаем нужные изображения. Центрируем в css и все. И если надо наложением ссылки дивами --- добавлено: 22 ноя 2012 в 19:38 --- А вот если шаблон адаптивный нужно смотреть по факту.
при всем, попробуйте угадайте разрешение у покупателей, и зачем делать две картинки, проще одной и сделать ее резиновый, например так: Код: body { margin:0px; padding:0px; background:#e8e8e8; font:11px Verdana, Arial; background-image:url("../image/bg.jpg"); background-position: top center; background-repeat:no-repeat; position: relative; background-size:100%; }
Во первых я говорил про одну картинку, вот пример. http://www.karmaloop.com/ http://5.popovv.z8.ru/ При использовании вашего метода у людей с большим разрешением изображение которое по задумке как бы из под сайта выходит разъедется по краям браузера. --- добавлено: 22 ноя 2012 в 19:53 --- Мы по моему о разных вещах говорим
Ширина сайта+ нужное вам изображение. И все же поясню по поводу резиновых изображений, если у человека маленькое разрешение экрана то естественно боковых картинок не будет. Это касается в том числе и мобильных устройств. Также автор топика уже весь мир озадачил этим вопросом)) http://forum.opencart.com/viewtopic.php?f=21&t=47894&hilit=white+background+image
body { margin:0px; padding:0px; background:#e8e8e8; font:11px Verdana, Arial; background-image:url("../image/bg.jpg"); background-position: top center; background-repeat:no-repeat; position: relative; background-size:100%; }[/quote] в коком файле это всё писать? stylesheet?
Да, найти в начале body и добавить туда что нужно --- добавлено: 22 ноя 2012 в 21:33 --- Только уберите position: relative; background-size:100%; это лишнее. Просто так и не понятно что вы именно хотите? --- добавлено: 22 ноя 2012 в 21:35 --- также таким способом можно добиться интересных решений с тенями и т.д.
