Сообщество uSite — Скроллбар для поста - Веб-мастерская - (x)HTML

Отправлено 14.09.2011 - 20:47

Бывалый 398 сообщений Мужчина	У меня на сайте фиксированный размер поста на форуме. И картинки в ширину больше этого размера вылезают за пределы границы. Как сделать скроллбар для поста? Вот пример: http://img3.imageshack.us/img3/6278/27670376.png Добавлено (14.09.2011, 20:47) --------------------------------------------- up

Отправлено 15.09.2011 - 04:48

uSite Team 1689 сообщений Мужчина	добавь для элемента, в который заключено содержимое сообщения css свойство: overflow-x: scroll;

Отправлено 15.09.2011 - 09:26

Beginner 31 сообщениий Мужчина	А не легче задать максимальный размер картинкам в виде материалов? Например <img src="test.png" style="max-width:200px;" />. И тогда не будет никаких еб*нутых скроллов, портящих вид материалов.

Отправлено 15.09.2011 - 12:19

uSite Team 1319 сообщений Мужчина	Барсик Без скрытых матов!

Отправлено 16.09.2011 - 23:41

Бывалый 398 сообщений Мужчина	PhoEn-X скролл появился, вот только он не работает... и он почему-то на всех сообщениях, даже на тех которые не вылезают. http://img641.imageshack.us/img641/5885/image4396591.png Добавлено (16.09.2011, 23:41) --------------------------------------------- up

Отправлено 17.09.2011 - 05:20

uSite Team 1689 сообщений Мужчина	оно так и должно быть.

Отправлено 17.09.2011 - 18:05

Бывалый 398 сообщений Мужчина	Quote (PhoEn-X) оно так и должно быть. не работать?

Отправлено 17.09.2011 - 18:21

uSite Team 1689 сообщений Мужчина	будет работать когда зафиксируешь ширину поля с сообщением, и если содержимое поля будет больше заданной ширины, то появится сам скроллер

Отправлено 16.10.2011 - 23:27

Бывалый 1828 сообщений Мужчина	Чтобы в обычных сообщениях не была скрола, в вид материалов форума вместо Code $MESSAGE$ Вставь Code <div style="overflow-x: auto;width: МАКСИМАЛЬНАЯ ШИРИНА В ПИКСЕЛЯХ;">$MESSAGE$</div>

Отправлено 17.10.2011 - 10:36

Бывалый 658 сообщений Мужчина	lifee, вот держи. В самый низ CSS: Code .posttdMessage img {max-width:100px;} .posttdMessage img {max-height:100px;} Редактируй под свой дизайн. max-width:100px; - Макс. ширина max-height:100px; - Макс. высота