Русское сообщество fluxbb

neutral

Гость

Текст обтекает картинки в сообщении

Чтобы так сделать нужно всего лишь открыть /style/imports/base.css и добавить в конец файла следующий код:

IMG.postimg {
    float: left;
    clear: left;
    margin: 5px;
}

Пример

Также можно сделать чтобы картинки обтекались текстом не справа, а слева. Тогда вместо float: left; нужно написать float: right;

Кроме того, картинки можно немного оформить для лучшего эстетического восприятия.
Ниже приведен код стилизованный под стандартную тему Cobalt.

IMG.postimg {
    padding: 2px;
    border: 1px #565656 solid;
    background: #424242;
    float: left;
    clear: left;
    margin: 5px;
}

После внесённых изменений в CSS не забудьте, обновить страницу нажав F5.

Гном

Гость

Re: Текст обтекает картинки в сообщении

neutral

Что-то не могу добиться чтобы не было отступа текста на одну пустую строчку вниз.
Т.е. картинка получается какбы приподнятой. И у тебя на скриншоте тоже текст опущен на одну строчку.
Как сделать чтобы вех картинки полностью совпадал с техстом по горизонтальной линии?

neutral

Гость

Re: Текст обтекает картинки в сообщении

Скорее всего текст должен начинаться сразу за тэгом img, без переноса строки

Гном

Гость

Re: Текст обтекает картинки в сообщении

Там что-то еще добавляется. Что-то вроде этого <b> or </p> or </n>...

У тебя на скриншоте таже проблема:
http://img231.(_image_shack_).us/img231 … 5555ze.jpg

А когда я добавил еще второй вариант:

IMG.postimg {
    padding: 2px;
    border: 1px #565656 solid;
    background: #424242;
    float: left;
    margin: 5px;
}

То эта проблема еще увеличилась.

neutral

Гость

Re: Текст обтекает картинки в сообщении

Как я и говорил, моя проблема решилась тем способом, что я описал выше. Парсер ПунББ все переносы строки конвертирует в <br />. поэтому у меня там отступ сверху был.
Можешь сделать скриншот своей проблемы и привести код сообщения полученного в хтмл и того что ты ввел в форму?

Гном

Гость

Re: Текст обтекает картинки в сообщении

Все понял. Извиняюсь.
Дело в том что я смотрел по форуму те картинки которые уже были вставлены до этих изменений. А там юзеры сами вручную делали такие отступы.
Вобщем нормльно все. Еще раз экск. за беспокойство.

neutral

Гость

Re: Текст обтекает картинки в сообщении

Если текста мало и чтобы картинки не наезжали друг на друга, нужно добавить строчку clear: left; (если при этом свойство float установлено в left, если float: right, то и clear: right должно быть). Тогда даже без текста картинки будут идти всегда одна ниже другой