Страница 1 из 11
Форум » Архив » Архив » Пропорции изображения (Помогите)
Пропорции изображения
Matebarchuk Offline
Проверенный
0
Дата: Среда, 05.08.2015, 11:49 | Сообщение # 1
Всем привет!

Вот сижу и ломаю голову ... вроде делаю все правильно, но ...

У меня в слайдере есть изображение, размер их 236х160 но мне нужно сохранить пропорции картинки, которая находится в этом блоке 236х160

Писал уже ширину как 236 а высоту как auto но толку нет ...

Код
.thirdpic img {
width:236px;
height:160px;
min-height:auto;
max-height:236px;
}


Помогите ребята, нужно чтобы сохранялись пропорции фото. Фото всегда разные размером, ну минимум от 680 по ширине они идут, маленькие на загружаю.




Сообщение отредактировал Matebarchuk - Среда, 05.08.2015, 12:02
Профиль
Ромчик Offline
Модератор
35
Дата: Среда, 05.08.2015, 11:59 | Сообщение # 2
А если так попробовать
Код
.thirdpic img {  
width:236px!important;  
height:160px!important;  
min-height:auto!important;  
max-height:236px!important;  
}


Все для Web-мастера в системе uCoz

Предложит свой лучший сайт в системе uCoz

Помог? Ставь  или поддержи проект
Профиль
Matebarchuk Offline
Проверенный
0
Дата: Среда, 05.08.2015, 12:05 | Сообщение # 3
Цитата Ромчик ()
.thirdpic img {  
width:236px!important;  
height:160px!important;  
min-height:auto!important;  
max-height:236px!important;  
}


По высоте нет пропорциональности все ровно :(

Так же и осталось


Профиль
Ромчик Offline
Модератор
35
Дата: Среда, 05.08.2015, 12:07 | Сообщение # 4
дай ссылку на сайт где слайдер

Все для Web-мастера в системе uCoz

Предложит свой лучший сайт в системе uCoz

Помог? Ставь  или поддержи проект
Профиль
Matebarchuk Offline
Проверенный
0
Дата: Среда, 05.08.2015, 12:09 | Сообщение # 5
Цитата Ромчик ()
дай ссылку на сайт где слайдер


http://soccer-24.ru

Там ниже большого фото, 3 маленьких ... обрати внимание , они не совсем пропорциональны. По высоте они сплющенные




Сообщение отредактировал Matebarchuk - Среда, 05.08.2015, 12:09
Профиль
Ромчик Offline
Модератор
35
Дата: Среда, 05.08.2015, 12:14 | Сообщение # 6
Если не ошибаюсь, то вроде бы так
Код
.thirdpic {width:236px;height:160px;}
.thirdpic img {width:236px;height:160px;object-fit:cover;}


По читай тему http://htmlbook.ru/css/-o-object-fit и попробуй поиграть переменными!


Все для Web-мастера в системе uCoz

Предложит свой лучший сайт в системе uCoz

Помог? Ставь  или поддержи проект
Профиль
Matebarchuk Offline
Проверенный
0
Дата: Среда, 05.08.2015, 12:19 | Сообщение # 7
Все, спасибо!

Вот код правильный

Код
width:236px!important;  
height:160px!important;  
min-height:auto!important;  
max-height:236px!important;
object-fit:cover;
}


Закрываем тему!


Профиль
Ромчик Offline
Модератор
35
Дата: Среда, 05.08.2015, 12:20 | Сообщение # 8
Не за что! Решено. Закрыто!

Все для Web-мастера в системе uCoz

Предложит свой лучший сайт в системе uCoz

Помог? Ставь  или поддержи проект
Профиль
Форум » Архив » Архив » Пропорции изображения (Помогите)
Страница 1 из 11
Поиск: