Перейти к публикации

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


Рекомендованные сообщения

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

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

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

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

b27540e66dfd.jpg

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

Ссылка на сообщение
Поделиться на других сайтах

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

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


<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]

Ссылка на сообщение
Поделиться на других сайтах

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

<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;" /> тогда всё нормально, но опять таки пропадает форматирование дополнительных внутренних блоков ( сообщение редактировал.. и т.д. ).

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

Это я понял.

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

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...