[ Каскадный ] · Стандартный · Линейный Фикс для изображений.

[666ds]

Извините, не знаю куда такое писать, удалите тему если что.

В общем давно заметил, что если в пост добавлено большое изображение, оно распирает страницу и ломает весь дизайн, добавляется горизонтальный скролл. Такое происходит, так же, при открытии спойлеров с большими картинками.

Исправляется это очень просто, добавлением в CSS данной строчки
.postcolor img { max-width: 100%; }

И все, все изображения будут вписаны в ширину форума, больше не будут ничего распирать.

Если нужны какие фиксы HTML/CSS/JS/PHP - обращайтесь )

Сообщение отредактировал 666ds - Четверг, 29 мая 2014, 12:50

[dimm0505]

А я, что-то не врубился, вроде добавили код, а странички то почему до сих пор "распирает"?

[MichaelForExample]

А я, что-то не врубился, вроде добавили код, а странички то почему до сих пор "распирает"?

Просто у тебя firefox с большой вероятностью.

А вот если добавят какой-нибудь адекватный max-width (именно в пикселях) для postcolor, будет нормально

.postcolor { max-width: 600px; }

Сообщение отредактировал MichaelForExample - Суббота, 11 апреля 2015, 11:43

[dimm0505]

Просто у тебя firefox с большой вероятностью.

А вот если добавят какой-нибудь адекватный max-width (именно в пикселях) для postcolor, будет нормально

.postcolor {  max-width: 600px; }

Да нет, у меня то все нормально, просто тут постоянно просят прятать под спойлер картинки из-за этого =))

[Kito1984]

Да нет, у меня то все нормально, просто тут постоянно просят прятать под спойлер картинки из-за этого =))

У меня теперь другая проблема - как открыть большую картинку, которую форум ужал до неприличия Не знаю, кто как решает вопрос, мне приходится нажимать на кнопку "Reply" и вручную копировать ссылку на изображение в адресную строку браузера. Буду благодарен, если кто-то подскажет более простой и удобный вариант.

[MichaelForExample]

У меня теперь другая проблема - как открыть большую картинку, которую форум ужал до неприличия Не знаю, кто как решает вопрос, мне приходится нажимать на кнопку "Reply" и вручную копировать ссылку на изображение в адресную строку браузера. Буду благодарен, если кто-то подскажет более простой и удобный вариант.

правой кнопкой по картинке: Copy Image Location / Копировать ссылку на изображение