Поддержка Вид

LiveInternetLiveInternet

сменить

Авось из (+ сутки) дневников

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

Понедельник, 26 Июля 2010 г. 11:58 + в цитатник

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

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

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

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

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

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

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

,
где
выравнивание - "left" (слева) или "right" (справа).
Для выравнивания по центру надо просто написать "center".

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

(251x101, 3Kb)

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

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

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

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

(251x101, 3Kb)

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

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

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

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

(251x101, 3Kb)

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

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

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

LI 5.09.15

Серия сообщений "для днева":
Часть 1 - Шпаргалочка по тегам.
Часть 2 - ЛиРу - распределение постов дневника по рубрикам.
...
Часть 4 - Делаем кнопки во flash.
Часть 5 - Основные HTML теги.
Часть 6 - Как разместить текст или картинку слева, справа или посередине?
Часть 7 - Помошник...
Часть 8 - Набирающийся текст
...
Часть 31 - Лёгкий светлый дизайн *Нежные розы*
Часть 32 - Делаем Приветствие-Эпиграф в дневник?
Часть 33 - Новый оффлайн-клиент дневников для всех платформ!

Метки: для днева

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

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

Р’ РѕР±С‰РµРј РІРёРґРµ РёСЃРїРѕР»СЊР·СѓРµС‚СЃСЏ С‚Р°РєРѕР№ html РєРѕРґ:
&lt;div align=... <a href="https://www.liveinternet.ru/users/luaza/post131178401/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

LiveInternet

О проекте