Обтекаемые картинки

[Тайя.]

Картинка с обтекающим ее текстом.
Картинка слева: <img src="адрес картинки" style="float: left; margin-right: 10px;"> Текст текст текст...
Картинка справа: <img src="адрес картинки" style="float: right; margin-left: 10px;"> Текст текст текст...
Margin - это отступ текста от края картинки, размер задается по вкусу.

Обтекаемые превьюшки.
Делаете превью любым доступным вам способом (про вставку превью рассказывается здесь, здесь, здесь и здесь) и затем к ссылке добавляете style="float: left; margin-right: 10px;" либо style="float: right; margin-left: 10px;".

<a href="адрес картинки"><img src="адрес картинки" width=XX style="float: left; margin-right: 10px;"></a>

Если картинка из БИ: <a href="картинка"><img src="превью" style="float: left; margin-right: 10px;"></a>

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

[MORE=<img src="адрес картинки" width=XX style="float: right; margin-left: 10px;">]<img src="адрес картинки" style="float: right; margin-left: 10px;">[/MORE]

Из БИ: [MORE=<img src="превью" style="float: right; margin-left: 10px;">]<img src="картинка" style="float: right; margin-left: 10px;">[/MORE]

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

@темы: Добавление изображений, Теги оформления записи

Comments

[Кошечка в коробочке]

А можно поинтересоваться..
У меня все получается при использовании, но почему-то текст немного не ровный получается в плане отступов

[Тайя.]

Tokyo Alice, а вы ссылку дайте на запись.

[Кошечка в коробочке]

Тайя, которая душит романтиков, уже нормально стало ^^ Извиняюсь за беспокойство

[Тайя.]

Tokyo Alice, ну и отлично))

[Alienore]

простите а если для чаиников-что такое БИ?

[Кошечка в коробочке]

Извините за беспокойство, у меня на странице сделано вступление. Слева картинка, справа текст. Но мне хочется отступить строчку после "★". Как только я нажимаю Enter и сохраняю, текст перемещается под картинку. Посоветуйте что можно сделать.
Заранее спасибо!

[quirischa]

Jigoku wa Arisu, так, как сейчас, - устроит?

[Кошечка в коробочке]

quirischa, Да!
Спасибо!

[quirischa]

Jigoku wa Arisu
Весь текст выделен тегом <div>:
Обычно он используется для установки выравнивания текста: <div align="right"></div>
Но поскольку выравнивать нам ничего не надо, то этот align="right" я убрал.

[Кошечка в коробочке]

quirischa, буду теперь знать. А то я не очень в этом разбираюсь

[Кришан]

Я прошу прощения, но при попытке вставить обтекаемую картинку в текст получается вот это:

Раньше всё нормально было. Или я всё же что-то не так делаю? =_=

[Тайя.]

Nocturnal Moth, может, из-за того, что у вас отступы заданы и в пунктах и в пикселях одновременно? Попробуйте здесь вставить, посмотрим, что получится.

[Anhel Nilson]

Если Вам не тяжело, разжуйте для меня, пожалуйста.
Я обычно вставляю картинки с помощью визуального редактора, там есть такая функция - вставить справа от текста, слева от текста и т.п. И у меня всегда получалось, вот как тут anhelson.diary.ru/p207392291.htm .
А теперь не получается! Если я делаю как раньше, картинка действительно вставляется сбоку записи, но сверху или снизу текста. Пробую с помощью кода, который вы дали в этом посте в HTML-редакторе, но получается просто картинка, а по бокам части кода.
Что я делаю не так?