Сделать изображение в записи фиксированным, одного размера

InstantCMS 2.X
#1 15 апреля 2018 в 20:31
В записях основное изображение везде разного размера.

Как сделать его фиксированным? Ни больше, ни меньше.
#2 15 апреля 2018 в 20:33

Как сделать его фиксированным? Ни больше, ни меньше.

Polzovinst
Строго прописать размер в стилях.
#3 15 апреля 2018 в 20:49


Строго прописать размер в стилях.

Ris
Прописывал так
max-width: 350px;
max-height: 225px;
min-width: 350px;
min-height: 225px;
в в theme-content.css

В записях зафиксировалось, но
также в некоторых списках поувеличивались изображения
и содержимое некоторых записей с изображением в поле описание, добавленных через редактор.
#4 15 апреля 2018 в 21:09
Polzovinst,
Открываете ту страницу, где должны быть одинаковые размеры. Тыкаете правой кнопкой в картинку — посмотреть код элемента.
Допустим это .ft_image img, .ft_html img
Ну и пишете в \templates\default\css\theme-content.css что-то вроде
  1. .ft_image img, .ft_html img {
  2. width: скоканадо.px;
  3. height: скоканадо.px;
  4. }
#5 15 апреля 2018 в 21:15
Ris, а в таком случае пропорции разве не нарушатся? Тут уж надо выбирать по какой стороне нам ровнять нужно и использовать max-width или max-height

А вариант, через компонент "Загрузка изображений" выставить?
#6 15 апреля 2018 в 21:21


А вариант, через компонент "Загрузка изображений" выставить?

Jestik
А там что выставляешь, что не выставляешь, ничего не выставляется. Как будто так, для поиграться.
#7 15 апреля 2018 в 21:28
А, получается там же я и вставлял
.content_item .ft_image img, .ft_html img {
Не пояснил.
Но выходит вышесказанное искажение.
#8 15 апреля 2018 в 21:29
Polzovinst, ну дак потом в типе контента нужно выбрать нужные пресеты. У меня все нормально, в списке квадраты, в записи по ширине центральной колонки + увеличение по клику
#9 15 апреля 2018 в 21:32


Polzovinst, ну дак потом в типе контента нужно выбрать нужные пресеты. У меня все нормально, в списке квадраты, в записи по ширине центральной колонки + увеличение по клику

Jestik
И это сделано, но размеры не фиксируются.
#10 15 апреля 2018 в 21:34
выложите скрины…
#11 15 апреля 2018 в 21:55

is, а в таком случае пропорции разве не нарушатся?

Jestik
Нарушатся.
Но можно же прописать background-size: cover;
Оно устаканит пропорции.
#12 15 апреля 2018 в 22:10

можно же прописать background-size: cover;

Ris
При условии, что картинка есть фон блока фиксированного размера, а здесь речь, как я понимаю, о картинке, которая img.
#13 15 апреля 2018 в 22:10

А там что выставляешь, что не выставляешь, ничего не выставляется. Как будто так, для поиграться.

Polzovinst
Не спешите с утверждениями, подразберитесь.
Jestik, Ris, дайте человеку набить шишки самостоятельно — здоровее будет. Тем более, что (насколько я знаком этой проблемой) идеального решения нет.
#14 15 апреля 2018 в 22:35
  1. .ft_image .value{
  2. width: 200px;
  3. height: 150px;
  4. overflow: hidden;
  5. }
  6.  
  7. .ft_image img{
  8. width: 200px;
  9. height: 150px;
  10. object-fit: cover;
  11. image-rendering: optimizeSpeed !important;
  12. image-rendering: -moz-crisp-edges !important;
  13. image-rendering: -o-crisp-edges !important;
  14. image-rendering: -webkit-optimize-contrast !important;
  15. image-rendering: optimize-contrast !important;
  16. image-rendering: crisp-edges !important;
  17. -ms-interpolation-mode: nearest-neighbor !important;
  18. }
#15 16 апреля 2018 в 00:16
Вроде шэльдэ бердэ бельдэ :)

а ответ то верный.

Большую проблему помогли устранить! Спасибо огромное!!!

Помимо подсказанного, я выставил
.content_item .ft_image img, .ft_html img {
max-width: 200px;
max-height: 150px;

Теперь надо будет разобраться чтоб в каком-либо типе контента изображения отличались по размеру от заданных для всех типов контента.

По идее там надо
......_list_item img {
width: 400px; (допустим)
height: 300px; (допустим)
}
вставить в любой css файл, подключенный на странице.

В подключенные
theme-content.css
theme-text.css
вставлял,
не помогло.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.