Обтекание картинки текстом в IPB

[Dj Dance 185]

Извините что вопрос о другом движке.

Т.к. сомневаюсь что дождусь ответа на их форуме, решил спросить здесь. Кстати, тема на форуме ibr.

Как сделать обтекание картинки текстом в сообщении? Или как сделать выравнивание текста по горизонтали?

Как сделать то что на картинке в одну строку: - ?

Может кто знает, почему текст не в одной, а в разных строках?

[WWW.ZEOS.IN 1161]

Потому что, скорее всего, текст написан внутри блочных элементов, а блочные элементы занимают всю ширину.

Запусти такой код и увидишь разницу:

<style>

div { border: 1px solid red; margin-bottom: 10px; }

.a { width: 350px; }

.b { text-align: right; }

.c { float: left; }

</style>


<div>Эксперты по информационной безопасности</div>

<div class="b">Эксперты по информационной безопасности</div>

<div class="a c">Эксперты по информационной безопасности</div>

<div class="a b">Эксперты по информационной безопасности</div>

[/html]

[Dj Dance 185]

Почти, но не совсем так:

<div class='post entry-content '>

<span class='bbc_left'>Эксперты по информационной безопасности</span><span class='bbc_right'>Эксперты по информационной безопасности</span>

<br />

</div>

css

span.bbc_center, div.bbc_center	{	text-align: center; display: block; }

span.bbc_left, div.bbc_left	{	text-align: left; display: block; }

span.bbc_right , div.bbc_right	{	text-align: right; display: block; }

Но если прописать без display: block и через float сообщение выходить за рамки, а если еще добавить <br style="clear: both;" /> тогда всё нормально, но опять таки пропадает форматирование дополнительных внутренних блоков ( сообщение редактировал.. и т.д. ).

Вот сижу и никак не пойму как сделать лучше. Есть какие варианты?

[WWW.ZEOS.IN 1161]

<div> и <span style="display: block;"> в данном случае одно и тоже. Span, который был inline становится block. Так что тут всё верно.

Тебе теперь надо твоим span задать ширину и первому спану добавить float:left

[Dj Dance 185]

<div> и <span style="display: block;"> в данном случае одно и тоже. Span, который был inline становится block. Так что тут всё верно.

Это я понял.

Тебе теперь надо твоим span задать ширину и первому спану добавить float:left

По поводу float понятно, но а если у нас в сообщениях будут разные картинки по ширине? Уже значит не то..