Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

[РЕШЕНО] Резиновый фон в верхнем колонтитуле

Правильное размещение фона
Посетитель
pragma
Сообщений: 9
902 дня назад
Приветствую. Скажите как сделать что бы фоновое изображение в верхнем колонтитуле было полностью видно. Без повторов и без того что бы часть изображения скрывалось.
На адаптивном дизайне.
Что бы на разных разрешениях его было видно полностью.
Редактировалось: 1 раз (Последний: 6 марта 2015 в 17:38)
Постоянный участник
WaRRan
Медаль
Сообщений: 178
107 дней назад
А сейчас разве не так? Попробовал вставить, адаптируется под расширение нормально. Вставить через Верх. кол. --> Фоновое изображение
Посетитель
pragma
Сообщений: 9
902 дня назад
Так и делаю.

На разных разрешениях выглядит по разному. Пример на рисунках:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


Изменяю разрешение:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
Постоянный участник
Handy
Медаль
Сообщений: 736
19 дней назад
Не исправить одной строкой. Надо переделывать все стили для header и в простом и в адаптивном файле стилей.
И проверять под каждое разрешение и браузер.
Чем не устраивает то что есть? Надо использовать компромиссы. Оптимизировать изображение так что бы все помещалось. music
Редактировалось: 1 раз (Последний: 6 марта 2015 в 19:55)
качественное продвижение и раскрутка сайтов в сеопульте
Посетитель
pragma
Сообщений: 9
902 дня назад
Handi:
Надо использовать компромиссы. Оптимизировать изображение так что бы все помещалось

Изображения хочу заказать. Поднял вопрос для того что бы было ясно какие изображения заказывать.

Тему не закрываю может кто подскажет решение. Мне желательно что бы было так как мне надо.
Постоянный участник
Malover
Медаль
Сообщений: 604
14 дней назад
Для вставки адаптивного изображения используют:
Код PHP:
  1.  
  2. img {
  3. max-width: 100%;
  4. height: auto;
  5. }
  6.  
Но для фона это не работает. В программе уже все максимально сделано по этому поводу.
Лучше сделать трудно.

Если есть желание экспериментировать то вот пара статей в тему:
Скрытый текст виден только зарегистрированным пользователям

Скрытый текст виден только зарегистрированным пользователям
Посетитель
pragma
Сообщений: 9
902 дня назад
Спасибо, попробую. Возможно первый вариант меня устроит.
Постоянный участник
Степаныч
Медаль
Сообщений: 652
2 дня назад
Можно попробовать вставить картинку не как фон, а как простое изображение, но не в программе а в ручную, или сделать наметку в программе вставкой любого изображения, а потом отредактировать под необходимое.
Использовать header как контейнер и в него вставить изображение.
Тогда:

Код PHP:
  1.  
  2. img {
  3. max-width: 100%;
  4. height: auto;
  5. }
  6.  
Должно работать.
Постоянный участник
FDmitriy
Медаль
Сообщений: 376
4 дня назад
У шапки надо будет убирать фиксированную высоту. Иначе изображение будет то выходить за пределы то не хватать по высоте.
Посетитель
pragma
Сообщений: 9
902 дня назад
Спасибо за советы. Вопрос решил. Тема закрыта
|
Перейти на форум: