Нужные формулы для дневника (картинки)

Пятница, 06 Февраля 2015 г. 15:09 + в цитатник

Цитата сообщения Лариса_Гурьянова

Прочитать целиком В свой цитатник или сообщество!

Нужные формулы для дневника

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

Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения 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>

Блог Лиры

Серия сообщений "* Все для блога":
Часть 1 - 10 причин для комментирования блогов
Часть 2 - Чего следует избегать блоггеру
...
Часть 29 - УРОКИ HTML
Часть 30 - Сетевой этикет (нетикет, сетикет)
Часть 31 - Нужные формулы для дневника
Часть 32 - НЕТ - КАРТИНКАМ В КОММЕНТАРИЯХ!!!

Рубрики:

Дневник

<a href="https://www.liveinternet.ru/users/4809789/post352592710/">РќСѓР¶РЅС‹Рµ С„РѕСЂРјСѓР»С‹ РґР»СЏ РґРЅРµРІРЅРёРєР° (РєР°СЂС‚РёРЅРєРё)</a><br/>РќСѓР¶РЅС‹Рµ С„РѕСЂРјСѓР»С‹ РґР»СЏ РґРЅРµРІРЅРёРєР°

РљР°СЂС‚РёРЅРєР° РѕР±С‚РµРєР°РµРјР°СЏ С‚РµРєСЃС‚РѕРј

РќРµ Р·Р°Р±С‹РІР°Р№С‚Рµ, С‡С‚Рѕ РєР°СЂС‚РёРЅРєР° РґРѕР»Р¶РЅР° Р±С‹С‚СЊ РЅРµ РѕС‡РµРЅСЊ Р±РѕР»СЊС€РѕР№, РёРЅР°С‡Рµ С‚РµРєСЃС‚ РїСЂРѕСЃС‚Рѕ РІС‹РґР°РІРёС‚ РµРµ РІРІРµСЂС…. С†РёС„СЂРѕРІС‹Рµ Р·РЅР°С‡РµРЅРёСЏ vspace=&quot;10&quot; Рё hspace=&quot;10&quot;- СЌС‚Рѕ РІСЃРµРіРѕ РЅР°РІСЃРµРіРѕ СЂР°СЃСЃС‚РѕСЏРЅРёРµ РѕС‚ РєР°СЂС‚РёРЅРєРё Рє С‚РµРєСЃС‚Сѓ РІРїСЂР°РІРѕ Рё РІРЅРёР·, РјРѕР¶РЅРѕ РёС… РјРµРЅСЏС‚СЊ, РїРѕ РІР°С€РµРјСѓ РІРєСѓСЃСѓ.
			
				 Р’РђРЁ РўР•РљРЎРў
		
		
			
				РљР°СЂС‚РёРЅРєР° СЃР»РµРІР° РѕС‚ С‚РµРєСЃС‚Р°

РЎРЅРѕРІР° РїРёС€РµРј СЃРІРѕР№ С‚РµРєСЃС‚. Р•СЃР»Рё РєР°СЂС‚РёРЅРєР° РґР»РёРЅРЅР°СЏ, Р±РѕСЂРґСЋСЂРЅРѕРіРѕ С‚РёРїР°, С‚Рѕ Рё РІРµСЃСЊ С‚РµРєСЃС‚ Р±СѓРґРµС‚ РІРґРѕР»СЊ РЅРµРµ. Р•СЃР»Рё РЅРµ РѕС‡РµРЅСЊ Р±РѕР»СЊС€Р°СЏ, С‚Рѕ РїСЂРѕРґРѕР»Р¶РёС‚СЃСЏ РЅРёР¶Рµ.
			
				 Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚ 
		
		
			
... <a href="https://www.liveinternet.ru/users/4809789/post352592710/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Музыка

-Рубрики

-Цитатник

-Метки

-Ссылки

-Приложения

-Новости

-Фотоальбом

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

Нужные формулы для дневника (картинки)