Мобильный LiveInternet Нужные формулы для дневника. Картинка в тексте

Авторизация

Дневник Svetik_ru Лента друзей - Дневник - Полная версия

Нужные формулы для дневника. Картинка в тексте 23-03-2013 12:26 к комментариям - к полной версии - понравилось!

Это цитата сообщения Лариса_Гурьянова Оригинальное сообщение

Картинка обтекаемая текстом

[показать] Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.

 <img align="left" alt="" hspace="30" src="АДРЕС КАРТИНКИ" vspace="10" />

Картинка слева от текста

[показать]Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже.

 <img src="АДРЕС КАРТИНКИ" align="left" border="0" />Здесь будет ваш текст

Картинка справа от текста

[показать]Все, точно также, как и в предыдущем случае. Только картинка окажется справа от текста.

 <img src="АДРЕС КАРТИНКИ" align="right" border="0" />

Картинка в центре текста
Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным,

[показать] и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.
Параметр "absmiddle" (выравнивание середины строки относительно середины изображения).

 Здесь будет ваш текст 1 <img src="АДРЕС КАРТИНКИ" align="absmiddle" border="0" /> Здесь будет ваш текст 2

Текст между двух картинок

[показать]

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

[показать]

 <table align="center" border="0">
<tr>
<td><img src="АДРЕС КАРТИНКИ" /></td>
<td>Здесь будет ваш текст</td>
<td><img src="АДРЕС КАРТИНКИ" /></td>
</tr>
</table>

Картинка между текстом

Красиво получается, когда картинка находится между текстом, как-то необычно.

[показать]

Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии

<table align="center" border="0">
<tr>
<td>Здесь будет ваш текст 1</td>
<td><img src="АДРЕС КАРТИНКИ" /></td>
<td>Здесь будет ваш текст 2</td>
</tr>
</table>

Блог Лиры

вверх^ к полной версии понравилось! в evernote

Комментарии (6):

Любовь_Дужникова 23-03-2013-15:03 удалить

Спасибо!

Обратиться - Ответить - К полной версии

Svetik_ru 23-03-2013-15:08 удалить

Ответ на комментарий Любовь_Дужникова # Пожалуйста!

Обратиться - Ответить - К полной версии

njh 23-03-2013-19:08 удалить

[150x]

Обратиться - Ответить - К полной версии

Svetik_ru 23-03-2013-20:27 удалить

Ответ на комментарий njh #

Обратиться - Ответить - К полной версии

ДарьяС 23-03-2013-20:58 удалить

Спасибо!

Обратиться - Ответить - К полной версии

Svetik_ru 23-03-2013-23:14 удалить

Ответ на комментарий ДарьяС # Пожалуйста!:pri:

Обратиться - Ответить - К полной версии

Комментарии (6): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Нужные формулы для дневника. Картинка в тексте | Svetik_ru - СТАРЫЙ БЛОКНОТ | Лента друзей Svetik_ru / Полная версия Добавить в друзья Страницы: раньше»