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

Вторник, 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

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

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

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

LiveInternetLiveInternet

-Рубрики

-Метки

-Цитатник

-Приложения

-Видео

-Фотоальбом

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

-Интересы

-Друзья

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

-Сообщества

-Статистика

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