Перейти к публикации

Проблема при серийном добавлении изображений.


Рекомендованные сообщения

Прошу обратить внимание  на следующую проблему.

Раньше, на старых аверсиях ДЛЕ, при (серийном) добавлении нескольких изображений в публикацию - фото добавлялись, как и положено - через отступ <br/>.

После того, как в новых версиях внедрили <p></p> -  появилась проблема.

При вставке -  фото стали добавляться без отступа. Теперь это так:
 

<p>картинка</p>
<p>картинка</p>
<p>картинка</p>

Когда добавляешь две-три изображения - в ручную не сложно добавить недостающие отступы для эстетичного оформления. Но когда добавляешь 30-50 фотографий - как быть?

Подскажите пожалйста решение данной проблемы - чтобы, как и прежде добавлялся <br/>.

Изменено пользователем kamensk
Ссылка на сообщение
Поделиться на других сайтах
13 часов назад, kamensk сказал:

Прошу обратить внимание  на следующую проблему.

Раньше, на старых аверсиях ДЛЕ, при (серийном) добавлении нескольких изображений в публикацию - фото добавлялись, как и положено - через отступ <br/>.

После того, как в новых версиях внедрили <p></p> -  появилась проблема.

При вставке -  фото стали добавляться без отступа. Теперь это так:
 



<p>картинка</p>
<p>картинка</p>
<p>картинка</p>

Когда добавляешь две-три изображения - в ручную не сложно добавить недостающие отступы для эстетичного оформления. Но когда добавляешь 30-50 фотографий - как быть?

Подскажите пожалйста решение данной проблемы - чтобы, как и прежде добавлялся <br/>.

Спокойно решается средствами css. Решение.

Изменено пользователем aleksandrhristich
Ссылка на сообщение
Поделиться на других сайтах
1 час назад, aleksandrhristich сказал:

Спокойно решается средствами css. Решение.

А без тыканья букварями можно обойтись?

Изменено пользователем kamensk
Ссылка на сообщение
Поделиться на других сайтах
1 час назад, kamensk сказал:

А без тыканья букварями можно обойтись?

Конечно можно,почему и нет. Добавляете в стилях для изображения (в новости) padding с нужным значением и все. Не знаете если как,то переходите по ссылке в предыдущем моем ответе.Ваш вопрос относится к самым начальным знаниям в html,css.Стыдно немного должно быть такого не знать,если решили сделать свой сайт/дизайн.

Ссылка на сообщение
Поделиться на других сайтах
5 часов назад, aleksandrhristich сказал:

так посмотрите какой класс присваивается к изображениям и допишите в этом классе padding с нужным значением в css.Дел 5мин максимум,а вы, вместо чтобы последовать примеру, создаете проблему в двух темах.

Неужели так трудно (в вашем css) в


img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top;
}

добавить


padding:нужное значение;

а чтобы узнать это самое нужное значение,необходимо создать новую тему на форуме.

P.S у меня на ответ вам ушло больше времени чем на решение вашей недопроблемы.

Перелазил опцией поиска все css файлы шаблона - нигде не нашел img.fr-dib. В инспекторе браузера вижу, а в стилях не нахожу. Подскажите пожалуйста г де спрятан img.fr-dib?

Ссылка на сообщение
Поделиться на других сайтах

aleksandrhristich, благодарю! Признателен Вам за оказанную помощь в альтернативном (наилучшем варианте) решении проблемы...

Оказывается этот img.fr-dib - расположен совсем не в шаблоне, а файле редактора.

/engine/editor/css

Буду теперь подгонять под себя

padding-bottom:

Еще раз спасибо.

И благодарность админу - за подсказку о шифт+ентер. То - что давно хотелось, а оказывается по заверениям - уже давно реализованно.))

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...