Изображения в статье не встают в ряд по горизонтали.

голоса: 0
Здравствуйте, у меня проблема с расположением изображений в статьях. При редактировании любым из способов, в визуальном редакторе, после сохранения картинки встают в столбик. Изменение размеров не влияет никак, все равно в столбик. Добавлял и операторами $IMAGE1$ и через добавление изображения. Вот короткое видео проблемы: https://youtu.be/sm-glAFYFx0
Адрес сайта http://fisher.clan.su
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Каталоги
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
По сути проблемы, проблема довольно простая, вы когда добавляете фото выбирайте конкретное выравнивание фото, перед тем как вставить фото выбираете выравнивание по центру http://joxi.ru/Drlga8qc4qn4LA после вставляем первое и второе фото и видим результат http://joxi.ru/vAWzDJ5Tk5Kk72 в текущих фото у вас с примера выравнивание не выбрано и да, не заданы ограничительные размеры для фото, оригинал 1500, а вы их вставляете заранее не прописав как пример для них размеры в 400px чтобы они друг возле друга поместились, в итоге они автоматически становятся на всю ширину.
| Автор:
Нет, причина не в этом. Получается тоже самое, только что делал. размеры ставил и 400 и 380 и 370 разницы нет. После редактирования выглядит идеально, но после сохранения опять в столбик.
Voldemar Fisher,
Наведите пример материала где вы выбрали заранее выравнивание и по центру и вставили фото. В примере с видео я не увидел что там выбиралось заранее выравнивание так как его нет в коде.
Yuri_Geruk,

это вставлено с выравниванием, а вот что получается после сохранения:

На других шаблонах такого не было. На этом все картинки не зависимо от количества и размара встают в столбик.

не картинки. ссылку на материал дайте, где видна проблема с картинками

в таблице стилей найдите строчку и удалите выделенное красным.

.eMessage img, .eText img {
    display: block;
    margin: 10px 0 !important;
    max-width: 100%;
}

далее на странице сделайте f5 несколько раз

Voldemar Fisher,

В стилях с строки 87 удалите выделенное:

.eMessage img, .eText img{display:block;max-width:100%;margin:10px 0!important;}

 

Yuri_Geruk,
Удалил,после очистки истории браузера, всё встало как положено, спасибо огромное.
...