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

Вторник, 15 Января 2013 г. 23:54 + в цитатник

Цитата сообщения Rost

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

Как разместить текст или картинку слева, справа или посередине?

Очередное дополнение в

Мне многие часто задают вопрос, о том, как разместить текст или картинку в сообщении, в эпиграф дневника и/или в графе "О себе" профиля слева, справа или посередине. Ну, нет ничего проще.
Для этого придётся научится пользоваться html конструкцией "div align=выравнивание", где выравнивание может принимать одно из 3 значений: "left" (слева), "right" (справа) или "center" (в центре, посередине).

В общем виде используется такой html код:

<div align="выравнивание">То, что равняется</div>

,
где выравнивание - "left" (слева) или "right" (справа).

Внимание! Для выравнивания по центру конструкция <div align="center"> не действует!
Для выравнивания по центру надо просто написать "<center>".

Пример №1 (по центру)
Чтобы добавить этот пост в цитатник, нажмите на картинку!

Код этого элемента:

<center>Чтобы добавить этот пост в цитатник, нажмите на картинку!<br /><img src="//img1.liveinternet.ru/images/attach/c/0/38/185/38185070_Button.jpg" /></center>

Пример №2 (справа)

Чтобы добавить этот пост в цитатник, нажмите на картинку!

Код этого элемента:

<div align="right">Чтобы добавить этот пост в цитатник, нажмите на картинку!<br /><img src="//img1.liveinternet.ru/images/attach/c/0/38/185/38185070_Button.jpg" /></div>

Пример №3 (слева)

Чтобы добавить этот пост в цитатник, нажмите на картинку!

Код этого элемента:

<div align="left">Чтобы добавить этот пост в цитатник, нажмите на картинку!<br /><img src="//img1.liveinternet.ru/images/attach/c/0/38/185/38185070_Button.jpg" /></div>

Примечание №1
Для выравнивания налево и по центру (посередине) можно вместо этой конструкции использовать конструкции:

<left>То, что равняется</left>

- для выравнивания по левому краю

<center>То, что равняется</center>

- для выравнивания посередине (по центру).

Примечание №2
Для выравнивания только картинки, элемент "align" можно просто добавить в её код.
Например (выравниваем направо):

<img src="//img1.liveinternet.ru/images/attach/c/0/38/185/38185070_Button.jpg" align="right" />

Все значения атрибута "align" и их предназначение можно прочитать тут:
Как размешать текст и картинки в одной строке?

LI 5.09.15

<a href="https://www.liveinternet.ru/users/irisha-sr/post256814087/">РєР°СЂС‚РёРЅРєР° СЃР»РµРІР°</a><br/>РљР°Рє СЂР°Р·РјРµСЃС‚РёС‚СЊ С‚РµРєСЃС‚ РёР»Рё РєР°СЂС‚РёРЅРєСѓ СЃР»РµРІР°, СЃРїСЂР°РІР° РёР»Рё РїРѕСЃРµСЂРµРґРёРЅРµ?

РћС‡РµСЂРµРґРЅРѕРµ РґРѕРїРѕР»РЅРµРЅРёРµ РІ

РњРЅРµ РјРЅРѕРіРёРµ С‡Р°СЃС‚Рѕ Р·Р°РґР°СЋС‚ РІРѕРїСЂРѕСЃ, Рѕ С‚РѕРј, РєР°Рє СЂР°Р·РјРµСЃС‚РёС‚СЊ С‚РµРєСЃС‚ РёР»Рё РєР°СЂС‚РёРЅРєСѓ РІ СЃРѕРѕР±С‰РµРЅРёРё, РІ СЌРїРёРіСЂР°С„ РґРЅРµРІРЅРёРєР° Рё/РёР»Рё РІ РіСЂР°С„Рµ "Рћ СЃРµР±Рµ" РїСЂРѕС„РёР»СЏ СЃР»РµРІР°, СЃРїСЂР°РІР° РёР»Рё РїРѕСЃРµСЂРµРґРёРЅРµ. РќСѓ, РЅРµС‚ РЅРёС‡РµРіРѕ РїСЂРѕС‰Рµ. 
Р”Р»СЏ СЌС‚РѕРіРѕ РїСЂРёРґС‘С‚СЃСЏ РЅР°СѓС‡РёС‚СЃСЏ РїРѕР»СЊР·РѕРІР°С‚СЊСЃСЏ html РєРѕРЅСЃС‚СЂСѓРєС†РёРµР№ "div align=РІС‹СЂР°РІРЅРёРІР°РЅРёРµ", РіРґРµ РІС‹СЂР°РІРЅРёРІР°РЅРёРµ РјРѕР¶РµС‚ РїСЂРёРЅРёРјР°С‚СЊ РѕРґРЅРѕ РёР· 3 Р·РЅР°С‡РµРЅРёР№: "left" (СЃР»РµРІР°), "right" (СЃРїСЂР°РІР°) РёР»Рё "center" (РІ С†РµРЅС‚СЂРµ, РїРѕСЃРµСЂРµРґРёРЅРµ).

Р’ РѕР±С‰РµРј РІРёРґРµ РёСЃРїРѕР»СЊР·СѓРµС‚СЃСЏ С‚Р°РєРѕР№ html РєРѕРґ:
РўРѕ, С‡С‚Рѕ СЂР°РІРЅСЏРµС‚СЃСЏ, 
РіРґРµ РІС‹СЂР°РІРЅРёРІР°РЅРёРµ - "left" (СЃР»РµРІР°) РёР»Рё "ri... <a href="https://www.liveinternet.ru/users/irisha-sr/post256814087/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

LiveInternetLiveInternet

-Рубрики

-Метки

-Цитатник

-Приложения

-Видео

-Фотоальбом

-Всегда под рукой

-Интересы

-Друзья

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

-Сообщества

-Статистика

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