Проблема с изображением картинок на сайте

  • 15 Ответов
  • 456 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Вот так выглядит мой сайт, если верить сервисам-онлайн по созданию скриншотов: http://www.floomby.ru/s2/4UxQsD. А вот так он смотрится у меня на экране: http://www.floomby.ru/s2/gUxQsb. С планшета и смартфона все выглядит тоже вполне прилично. Подскажите как все исправить.

*

Онлайн vipiusss

  • ********
  • 5435
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
думаю проблема у вас в редакторе, раз так с картинками он поступает(не адаптирует)
попробуйте JCE поставить, в системе по дефолту его сделать(ну и навсяк плагин бывшего редактора отключите)
ну и пересохраните материал с картинками.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

Ничего не изменилось.

*

Онлайн vipiusss

  • ********
  • 5435
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Ничего не изменилось.
а что вы сделали?
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

Загрузила JCE, поставила по умолчанию, отключила старый редактор и по новой сохранила весь материал.
Но по моему здесь дело в CSS. На разных форматах экрана он выдает разную картинку.
Примерно так:
При размере окна браузера 1920*1080 он выглядит так  http://www.floomby.ru/s2/nUxKjj
При 1680*1050 так http://www.floomby.ru/s2/aUxKcn
1440*900 - http://www.floomby.ru/s2/uUxK5v
1280*1024 -http://www.floomby.ru/s2/2UxKXG
1024*768 -  http://www.floomby.ru/s2/UUxKXf
800*600 - http://www.floomby.ru/s2/WUxK7A
Вот как-то так....

*

Онлайн vipiusss

  • ********
  • 5435
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
по моему у вас проблема в адаптивности... вы случайно плагин никакой не ставили новый системный? по ID проверьте, поотключайте расширения по очереди.Joomla по дефолту такое не исполняет!
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн Ilhom666

если проблема только в вводном изображении то добавьте в CSS
Код: (css) [Выделить]
.art-article img {
    max-width: 100%;
}

Спасибо, вроде помогло. Осталось настроить header и Slideshow CK

*

Оффлайн Ilhom666

а что не так с хедером?
upd
а, кажись понял
Код: (css) [Выделить]
.art-header {
    background-size: contain;
}
картинку надо будет переделать
« Последнее редактирование: 28.06.2015, 12:05:27 от Ilhom666 »

Спасибо еще раз за подсказку.

Нет не помогло.

*

Оффлайн Ilhom666

не заметил, а вы где добавили?


Вот как сейчас все выглядит при размере окна браузера 1920*1080 - http://www.floomby.ru/s2/2UxzMB.

*

Оффлайн Ilhom666

у вас шапке задается фиксированная высота в 250px, поэтому при изменении расширения ширина меняется а высота - не очень. Наверное придется через правила @media несколько значений для высоты задать. Для примера посмотрите как это в вашем файле css/template.responsive.css реализовано.

Короче для исправления всех недочетов требуется опытный верстальщик. Я в этом мало понимаю.