Автомасштабирование картинки

Список разделов phpBBex 1.x (поддерживается) Поддержка 1.x

Описание: У вас проблемы с phpBBex 1.x и вам необходима помощь? Спрашивайте здесь!
Правила раздела: Одна тема — один вопрос или группа связанных вопросов. Обязательно формируйте внятный заголовок, максимально отражающий суть вопроса. Подробно описывайте проблему. Не забудьте указать версию phpBBex и какие моды установлены, по возможности добавьте скриншоты проблемы или ссылку на страницу с проблемой.
Модератор: Поддержка

Сообщение #1 Goodwin » 14.04.2015, 09:45

Столкнулись с проблемой.
Когда пользователь в теме выкладывает крупную фотку, она не масштабируется под размеры темы, а просто обрезается. Как сделать так, чтобы фотка масштабировалась по ширине форума и отображалась целиком?
Goodwin
Автор темы
Репутация: 3
С нами: 9 лет 1 месяц

Сообщение #2 Dr.Death » 14.04.2015, 11:36

max-width:100%; height:auto;
Dr.Death M
Аватара
Репутация: 69
С нами: 9 лет 9 месяцев

Сообщение #3 Goodwin » 14.04.2015, 14:06

Спасибо за ответ.
А можно чуть подробнее? Куда это вписать? К сожалению, я еще только учусь. :)
Goodwin
Автор темы
Репутация: 3
С нами: 9 лет 1 месяц

Сообщение #4 Sumanai » 14.04.2015, 15:49

Goodwin, в phpBBex картинки и так должны масштабироваться.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #5 Test » 14.04.2015, 16:04

Sumanai, ты не прав ;)
Вот в этом посте /viewtopic.php?p=2184#p2184 вставлена картинка со стороннего ресурса и она маштабируется.
А вот ниже /viewtopic.php?p=2869#p2869 изображения загружены сюда на форум и они немаштабируемы, хотя в css рисунка есть max-width: 100%;.
Test
Гость

Сообщение #6 Goodwin » 14.04.2015, 16:14

К примеру из такой фотки

Изображение

делает вот такую

Изображение
Goodwin
Автор темы
Репутация: 3
С нами: 9 лет 1 месяц

Сообщение #7 Test » 14.04.2015, 17:00

Вот если это
Код: Выделить всё
div.inline-attachment {
    display: inline-block;
}
сменить на это
Код: Выделить всё
div.inline-attachment {
    display: block;
}
рисунки во вложениях маштабируются. Но как это изменение повлияет на остальную верстку не скажу.
Test
Гость

Сообщение #8 Sumanai » 14.04.2015, 18:15

Test:Но как это изменение повлияет на остальную верстку не скажу

Это не даст расположить картинки в ряд. Лучше менять на
Код: Выделить всё
div.inline-attachment {
    display: inline-block;
    max-width: 100%;
}
Это будет ответом на первое сообщение в теме.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #9 Goodwin » 15.04.2015, 08:30

Ребят! Подскажите какой сss файл править то?
Goodwin
Автор темы
Репутация: 3
С нами: 9 лет 1 месяц

Сообщение #10 Sumanai » 15.04.2015, 15:43

Поиском по содержимому файлов не работает? content.css скорее всего.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #11 Goodwin » 15.04.2015, 16:22

Да. Спасибо. Действительно в том файле я нашел искомое.

Заменил на

div.inline-attachment {
display: inline-block;
max-width: 100%;
}

не помогло... :(

сайт okolom oto64.ru/viewtopic.php?f=26&t=839&p=24252#p24252 (удалить пробел в слове околомото. Поставил, чтобы не сочли рекламой)
Goodwin
Автор темы
Репутация: 3
С нами: 9 лет 1 месяц

Сообщение #12 Sumanai » 15.04.2015, 16:39

Для просмотра этого раздела вы должны быть авторизованы.

Добавлено спустя 4 минуты 7 секунд:
Хотя вот ещё:
Код: Выделить всё
.postbody .content img, .postbody .signature img {
    max-width: 100%;
    vertical-align: bottom;
}
Заменить на
Код: Выделить всё
.postbody .content img, .postbody .signature img {
    box-sizing: border-box;
    max-width: 100%;
    vertical-align: bottom;
}
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #13 Test » 15.04.2015, 17:01

Sumanai, у него класс на аттачах другой, а не .inline-attachment.
Test
Гость

Сообщение #14 Goodwin » 16.04.2015, 10:31

Sumanai, огроменное спасибо! Сработало! :smile: Фотки не режутся а масштабируются.

Всем спасибо за ответы.

п.с. Форумчане выкладывают фотки в реальном разрешении и "весе". Надо как то это ограничить. 40 фоток по 5Мб - даже открыться номрально не могут. :fie:
Goodwin
Автор темы
Репутация: 3
С нами: 9 лет 1 месяц


Вернуться в Поддержка 1.x



cron