Что и где прописать чтоб картинка при изменении разрешения экрана подстраивалась под размеры экрана(адаптировалась)?

Голоса: +1

Что и где прописать чтоб картинка при изменении разрешения экрана двигалась вместе с остальным шаблоном?

Вот я ее поставил сюда  в #contanier  ,т.к.в  #mainTable уже есть картинка и вторую не получается.
#contanier {background:url(http://рыцари-битва-героев.рф/CSS/svitokvertikalderevo_690kh20.jpg); margin-left: auto; margin-right: auto; background-position:250px 379px;background-repeat:repeat-y}
Для разрешения экрана 1280 все нормально отображается а на более широких #mainTable подстраивается под монитор а картинка остается на месте.Вот как сделать чтоб она тоже двигалась идентично остальному.
на скриншоте показан сайт на более широком мониторе

| Автор: | Категория: Дизайн сайта

Ответов: 2

Голоса: +1
 
Лучший ответ
В вашем случае просто прописать для картинки ничего не даст, так как шаблон у вас не адаптивный и плюс на табличной верстке, это в двойне усложняет работу с адаптивностью.

Шаблон нужно переписывать под дивную верстку и далее уже адаптировать изображения, а возможно и дизайн вовсе сделать адаптивным.

В общем, либо выбирайте последние системные адаптивные шаблоны в Общих настройках сайта(на первых трех страницах там таких немного имеется), либо же заказывайте переработку имеющегося шаблона на бирже фриланса - https://upartner.pro/
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
голоса: 0

У вас всё меняется, не успеваю. Если вы потеряли картинку, исправьте код в вверху сайта у вас в

<div id="uCozHeaderMain" >

(Извиняю, опять какой то глюк, при сохрании исчезает код), исправьте расширение картинки. У вас .pn, а надо .png

 

| Автор:
Редактирование | | Автор: Юрий Евстафьев
...