• Страница 1 из 1
  • 1
Форум » Самоучитель HTML и CSS » Вопросы по uCoz » Вид материала файлов [Картинка растягивается]
Вид материала файлов [Картинка растягивается]
trem200
Дата: Понедельник, 19.12.2016, 17:09 | Сообщение 1
Проверенные
Сообщений:433
Награды: 4


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

Как это исправить?

igrowoz.ru

Вид материала в модуле каталог статей, где картинки растягиваются
Страна: (RU)
Angerfist
Дата: Понедельник, 19.12.2016, 21:31 | Сообщение 2
Vip
Сообщений:762
Награды: 21


trem200, я смотрю тебе уже подсказали, напишу что сделал, мало ли по этому Материалу будут и дальше вопросы возникать.

Выход заключался в применении свойства object-fit которое управляет соотношением сторон заменяемых элементов, таких как
Код
<img>
и
Код
<video>
, когда у них задана ширина или высота, и значения cover чтобы целиком заполнить область под изображение с сохранением пропорций.

Код
.img-poster img {object-fit: cover; height: 220px; width: 100%;border-radius: 5px;}


Для шпаргалки Ссылка.


No regrets

Сообщение отредактировал
Angerfist - Понедельник, 19.12.2016, 21:32
Страна: (RU)
Kosten
Дата: Понедельник, 19.12.2016, 22:34 | Сообщение 3
Администраторы
Сообщений:16793
Награды: 55


Смотрю этот вид материала немного переделан, а точнее собран из двух.

Прикрепления: 7308619.jpg(54.8 Kb)
Страна: (RU)
trem200
Дата: Понедельник, 19.12.2016, 23:42 | Сообщение 4
Проверенные
Сообщений:433
Награды: 4


Angerfist, Я это сделал, просто посмотрел код другого материала, который стоял на сайте, и добавил нужный стиль в классе, а так материал очень красивый.
Страна: (RU)
Kosten
Дата: Вторник, 20.12.2016, 00:55 | Сообщение 5
Администраторы
Сообщений:16793
Награды: 55


trem200, но вид материала настроен под мобильные устройства, что отлично, и можно начинать что то заливать, хотя вверх сайта нужно создать.
Страна: (RU)
trem200
Дата: Вторник, 20.12.2016, 10:32 | Сообщение 6
Проверенные
Сообщений:433
Награды: 4


Цитата Kosten ()
но вид материала настроен под мобильные устройства, что отлично, и можно начинать что то заливать, хотя вверх сайта нужно создать.


Согласен, но думаю пока начну заливать файлы и новости на сайт, чтобы больше посетителей было.
Страна: (RU)
Форум » Самоучитель HTML и CSS » Вопросы по uCoz » Вид материала файлов [Картинка растягивается]
  • Страница 1 из 1
  • 1
Поиск: