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

Перенос отображения текста ниже картинки


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

Оформляя публикацию озадачился, как сделать так, что бы текст введенный после картинки отображался не справа от картинки, а нижее ее...

В редакторе ничего подобного не нашел. Использовал стандартное <div style="float: left">

Я плохо искали или.. ?

Стоит LiveEditor

Пример публикации: http://www.kentavr.com.ru/news/servis_news/funny/124-psu.html

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

Оформляя публикацию озадачился, как сделать так, что бы текст введенный после картинки отображался не справа от картинки, а нижее ее...

Использовал стандартное <div style="float: left">
Установив float вы заставили текст обтекать картинку . Вам надо наоборот использовать clear:both а для картинки display:block
Ссылка на сообщение
Поделиться на других сайтах

Вам надо наоборот использовать clear:both а для картинки display:block

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

Есть ли какие-то варианты задания позиционирования стандартными свойствами редактора ?

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

Суть не в этом, решения могут быть разными. Просто руками прописывать стили при публикации новости не есть хорошо. А однозначности обтекания картинки нет т.е. в одной публикации текст должен быть справа от картники, в другом слева, в третьем снизу... Есть ли какие-то варианты задания позиционирования стандартными свойствами редактора ?

При вставке картинки в редакторе есть пункт выбора выравнивания картинки, выставляйте там тот который нужен.

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

есть пункт выбора выравнивания картинки

Картинки то выравниваются без проблем. Но как быть с обтеканием текста после последней картинки?

Сейчас текст публикации выглядит так:

Текст перед картинками<br />

[thumb=left]Картинка1.jpg[/thumb][thumb=left]Картинка2.jpg[/thumb][thumb=left]Картинка3.jpg[/thumb]<br />

<div style="float: left">Текст после картинок, который должен идти ПОСЛЕ последней картинки, а не оптекать ее справа</div>

Должно быть:

- Текст1

- Несколько картинок в один ряд

- Текст ПОД картинками.

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

При вставке картинок вы не для текста выставляете обтекатение а для картинок, соответственно убирайте =left у последней картинки.

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

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

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

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

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

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

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

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

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

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