Правое выравнивание после вставки дополнительных изображений

  • 7 Ответов
  • 575 Просмотров

User

  • Сообщений: 83
    • Просмотр профиля
Такая ситуация. Новость с вложением изображений. После текст выравнивается вправо без видимых признаков причин.
Помогите горю, пожалуйста!
Всё как всегда: Даннео 1.5.6, PHP Версия  5.6.40

Во вложении набранный текст и его изображение на сайте.

Neon

  • Сообщений: 932
    • Просмотр профиля
    • Danneo CMS
По скриншоту не видно общей картины. Как это смотрится на странице.
За выравнивание анонсов изображений отвечают классы в CSS.
template/Modern/css/screen.css
/* Position thumb */
.imgleft {
float: left;
margin: .4em 1em .4em 0 !important;
}
.imgright {
float: right;
margin: .4em 0 .4em 1em !important;
}
.imgtext-left {
float: left;
margin: 1em 1em .4em 0 !important;
}
.imgtext-right {
float: right;
margin: 1em 0 .4em 1em !important;
}
.imgtext-center {
float: none;
display: block;
text-align: center;
margin: 1em auto;
padding: 0;
clear: both;
}
Там, ничего не меняли?
Ну, и само собой, при добавлении изображений устанавливаете выравнивание "Слева", "Справа", "В центре".
Так же, смотрите форматирование контента новости. Возможно, какие-то теги мешают.
DANNEO ™

User

  • Сообщений: 83
    • Просмотр профиля
По скриншоту не видно общей картины. Как это смотрится на странице.
Благодарю за ответ, Neon!
Привожу обширные скриншоты для полной картины.
Цитировать
За выравнивание анонсов изображений отвечают классы в CSS.
Там, ничего не меняли?
В этой части ничего не менял. Только в списках поля поправлял, чтобы за край не уходили (здесь же на форуме вопрос задавал).
Цитировать
Ну, и само собой, при добавлении изображений устанавливаете выравнивание "Слева", "Справа", "В центре".
В данном случае выравнивание всех картинок стоит "Слева".

Меня смущает почему после знака параграфа текст уходит справа от картинки будто обтекание включено, а не вниз?
Ну и главное - что делать простому юзеру, чтобы он таки ушёл вниз?

студент

  • Сообщений: 246
    • Просмотр профиля
    • Мировые новости
Ну и главное - что делать простому юзеру, чтобы он таки ушёл вниз?
В редакторе после {img1} вставьте
<div class="clear"></div>

А в CSS (если нет такого класса) добавьте:
.clear { clear: both;}
« Последнее редактирование: 12 Июня 2022, 21:48:15 от студент »

Neon

  • Сообщений: 932
    • Просмотр профиля
    • Danneo CMS
Цитировать
Меня смущает почему после знака параграфа текст уходит справа от картинки будто обтекание включено, а не вниз?
Ну да, включено обтекание (float: left;).
Ставьте в настройках, "В центре", либо как правильно сказал Студент, добавьте отсечку перед блоком изображений.
<div class="clear"></div>
DANNEO ™

User

  • Сообщений: 83
    • Просмотр профиля
либо как правильно сказал Студент, добавьте отсечку перед блоком изображений.
<div class="clear"></div>
А можно её где-то в другом месте поставить, чтобы не каждый раз?

студент

  • Сообщений: 246
    • Просмотр профиля
    • Мировые новости
А можно её где-то в другом месте поставить, чтобы не каждый раз?
http://forum.danneo.ru/index.php?topic=581.msg3014#msg3014

User

  • Сообщений: 83
    • Просмотр профиля
А можно её где-то в другом месте поставить, чтобы не каждый раз?
http://forum.danneo.ru/index.php?topic=581.msg3014#msg3014
Спасибо, брат-студент!
Пока малой кровью обошёлся - выравнивание картинок по середине сработало. Вид неопрятный получился, на мой вкус, но вкусы же разные бывают...
Буду надеяться, что новостей с кучей картинок будет очень мало.
Ещё один вариант - оставлять их все на конец статьи.