Форум пользователей Visio
http://visio.getbb.ru/

Стиль prosilver :: Отображение картинок
http://visio.getbb.ru/viewtopic.php?f=27&t=468
Страница 1 из 1

Автор:  Qwertiy [ 05 окт 2013, 02:29 ]
Заголовок сообщения:  Стиль prosilver :: Отображение картинок

В стиле prosilver, в отличие от стандартного, картинки обрезаются (пример).

Предлагаю несколько способов решения этой проблемы:
  1. Для img поставить max-width:100%;
    Картинка будет масштабироваться так, что её ширина не будет превосходить ширину отведённую под пост.
  2. Обернуть img в контейнер с display:inline-block; overflow:auto; max-width:100%;
    При необходимости у картинок будет появляться полоса прокрутки.
    Минус в том, что если картинка выше экрана, то придётся скролить экран по вертикали к горизонтальной прокрутке...
  3. Задать у .content параметр overflow:auto;
    Плохой вариант, поскольку тогда скролл будет находиться внизу поста. К тому же, возникнут побочные эффекты.
    С другой стороны, это решит вопрос с подчёркиванием ссылки в последней строке.
  4. Задать у .content параметр overflow:visible;
    Картинка сможет вылазить вправо за область поста. При необходимости у окна браузера появится горизонтальный скролл, но влияния на ширину остального контента это не оказывает.
    Этот вариант был бы хорошим при отображении информации о посте слева, а не справа. При размещении информации справа непонятно, как сдвигать картинку, чтобы не было наложения...
    Вероятно тоже решит вопрос со ссылкой в последней строке. Стоит опасаться плавающих элементов в посте, но это вопрос решаемый.
  5. Задать у img параметр max-width:100%;, а по клику ставить менять overflow у .content
    По-моему, лучший вариант. Хотя может понадобиться дополнительный фикс для плавающих элементов.

Автор:  Surrogate [ 06 окт 2013, 00:03 ]
Заголовок сообщения:  Re: Сказ про то как Qwertiy «Visio Профессионалов» порвал :)

Qwertiy писал(а):
То что на твоём скриншоте - это дефаултный стиль (subsilver, если не ошибаюсь). При prosilver выглядит так - обрати внимание, что правый край посылки не видно.
я так понимаю, это из за того что у просилвера более широкая колонка с личными данными

Автор:  Qwertiy [ 06 окт 2013, 00:31 ]
Заголовок сообщения: 

Surrogate писал(а):
я так понимаю, это из за того что у просилвера более широкая колонка с личными данными

Нет. У просильвера колонки процентные и она получилась шире. Но если ты попробуешь ресайзить браузер при стандартном стиле, то пост с картинкой будет шире страницы и появится горизонтальный скролл.
Конечно, небольшая недоработка, что ресайзится весь пост (но только он один, не другие), т. е. текст для чтения тоже придётся скроллить, если он достаточно длинный, но всё-таки это лучше отрезания куска картинки, на мой взгляд. Поэтому я и указал явно, что эта недоработка именно в prosilver'е.

PS: Перемести пожалуйста эти два поста в соответствующую тему ;)

Автор:  Ivan1988but [ 10 окт 2015, 13:35 ]
Заголовок сообщения:  Стиль prosilver Отображение картинок

С сегодняшнего дня в тестовом режиме в стиле форума SubSilver запущено новое отображение выставленных картинок, если ваш браузер поддерживает новые функции то теперь картинка будет отображаться без открытия нового окна браузера. Если все будет нормально работать перенесем новшество на все стили форума.

Страница 1 из 1 Часовой пояс: UTC + 3 часа [ Летнее время ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/