Вывод фото в альбомах

Поправить вывод фото в альбомах.

 
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1021
Добрый вечер друзья, подскажите пожалуйста, как поправить вывод фото в альбомах, горизонтальные фото выводятся нормально, вертикалки сжимаются, выглядят фотографии не очень. Ссылка на проблему.
В данный момент css у этих фото такой
Код PHP:
  1. #album-photos-list .photo img {
  2. display:block;
  3. width:150px;
  4. height:150px;
  5. }
Заранее благодарен за подсказки.
Прикрепленные файлы:
02022016181744_h4kb1.png | 553.16 Кб | Скачали: 222
Самые дешевые и быстрые VPS | Выгодный перенос доменов
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1168
Код PHP:
  1.  
  2. #album-photos-list .photo .image{height: 123px;overflow: hidden;}
  3. #album-photos-list .photo img {
  4. display:block;
  5. width:150px;
  6. }
  7.  
Дополнения для InstantCMS 2 | Готовый сайт Доска объявлений
Реклама
cms
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1545
Загружать фото одного размера,т.е. например 1600х900,тогда достаточно будет указывать ширину, или сразу обрезать под нужный размер при загрузки.А так одними стилями не поможешь.Ну или можно скрипт установить, который будет обрезать, но тогда будет рамка появляться там, где оригинал уже чем другие фото.Вариант Evanescence, будет работать, если ширина фото будет постоянной, при изменении придётся менять и ширину.
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1021
Lora:

Загружать фото одного размера,т.е. например 1600х900

Я например не представляю, как это сделать и как юзерам это пояснить. Нужно универсальное решение.
Самые дешевые и быстрые VPS | Выгодный перенос доменов
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1021
Evanescence, Парвиз, приветствую, вот так выводит теперь. http://joxi.ru/QY2LdMotqbd426
Самые дешевые и быстрые VPS | Выгодный перенос доменов
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1168
Андрей, попробуйте так
Код PHP:
  1. #album-photos-list .photo .image{height: 123px;overflow: hidden;}
  2. #album-photos-list .photo img {
  3. display:block;
  4. width:150px;
  5. min-height:123px;
  6. }
Дополнения для InstantCMS 2 | Готовый сайт Доска объявлений
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1021
Evanescence:
Андрей, попробуйте так

Парвиз, спасибо Вам большое, теперь выглядит отлично! http://joxi.ru/jgmvLnNinwwgAa
Самые дешевые и быстрые VPS | Выгодный перенос доменов
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: