Перейти к содержимому


Картинка Съезжает На Full Hd


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 Motorin360

Motorin360

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 14 Декабрь 2016 - 12:33

Здравствуйте. Съезжает картинка слайдера в шапке. На 720р нормально отображается, а на 1080р съезжает вниз, как это можно исправить?

#2 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 14 Декабрь 2016 - 13:19

Просмотр сообщенияMotorin360 (14 Декабрь 2016 - 12:33) писал:

Здравствуйте. Съезжает картинка слайдера в шапке. На 720р нормально отображается, а на 1080р съезжает вниз, как это можно исправить?

Здравствуйте.
Проблема в том, что изображения имеют слишком большой размер в высоту.
Рекомендуемый размер изображений для слайдера составляет 1920px на 650px и желательно сохранить требуемые пропорции для новых изображений.
Проверьте, пожалуйста.

#3 Motorin360

Motorin360

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 14 Декабрь 2016 - 14:25

Просмотр сообщенияRayLi (14 Декабрь 2016 - 13:19) писал:

Здравствуйте.
Проблема в том, что изображения имеют слишком большой размер в высоту.
Рекомендуемый размер изображений для слайдера составляет 1920px на 650px и желательно сохранить требуемые пропорции для новых изображений.
Проверьте, пожалуйста.
Спасибо!

#4 Motorin360

Motorin360

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 14 Декабрь 2016 - 14:36

Сделал все картинки слайдера 1920х650 всё равно они почему то маштабируются на 1080

#5 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 14 Декабрь 2016 - 15:26

Просмотр сообщенияMotorin360 (14 Декабрь 2016 - 14:36) писал:

Сделал все картинки слайдера 1920х650 всё равно они почему то маштабируются на 1080

Тогда в шаблоне cameera.css найдите, пожалуйста, данный код:

.camera_wrap img {
	max-width: none!important;
}

И замените его вот этим вот кодом:

.camera_wrap img {
	max-width: none!important;
	margin-left: 0px !important;
	width: 100% !important;
	height: 650px !important;
}


#6 Motorin360

Motorin360

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 14 Декабрь 2016 - 15:39

Просмотр сообщенияRayLi (14 Декабрь 2016 - 15:26) писал:

Тогда в шаблоне cameera.css найдите, пожалуйста, данный код:

.camera_wrap img {
max-width: none!important;
}

И замените его вот этим вот кодом:

.camera_wrap img {
max-width: none!important;
margin-left: 0px !important;
width: 100% !important;
height: 650px !important;
}
Благодарвствую! Помогло!

#7 Motorin360

Motorin360

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 14 Декабрь 2016 - 16:54

А нет соврал)) теперь они на 720 сплющены по горизонтали. можно как то им задать не фиксированную ширину и выровнять по центру?

#8 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 14 Декабрь 2016 - 18:24

Просмотр сообщенияMotorin360 (14 Декабрь 2016 - 16:54) писал:

А нет соврал)) теперь они на 720 сплющены по горизонтали. можно как то им задать не фиксированную ширину и выровнять по центру?

В таком случае попробуйте, пожалуйста, произвести ещё следующие изменения:
В шаблоне camera.css найдите, пожалуйста, данный код:

.camera_wrap img {
	max-width: none!important;
	margin-left: 0px !important;
	width: 100% !important;
	height: 650px !important;
}

И замените его вот этим вот кодом:

.camera_wrap img {
	max-width: none!important;
	margin-left: 0px !important;
	width: 100% !important;
	height: auto !important;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных