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

Поиск сообщений в Всяко-разные_полезности

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 31.08.2009
Записей: 27524
Комментариев: 211
Написано: 28152


Без заголовка

Вторник, 29 Апреля 2014 г. 08:48 + в цитатник
Цитата сообщения Помогай-ка Как разместить текст или картинку слева, справа или посередине?

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

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

 

То, что равняется

 



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

Пример №1 (по центру).
Код этого элемента:

 

Размещаем текст и картинку по центру
"Адрес картинки" />

 

Размещаем текст и картинку по центру



Пример №2 (справа).
Код этого элемента:

Размещаем текст и картинку справа

 

Размещаем текст и картинку справа



Пример №3 (слева).
Код этого элемента:

Размещаем текст и картинку слева

 

Размещаем текст и картинку слева



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

То, что равняется   - для выравнивания по левому краю

 

То, что равняется

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

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

 

 
 

 

Примечание№3

Всеми кодами пользуемся в простом редакторе! 


 

Все значения атрибута align

1. align="left" - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.

 

2. align="right" - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.

 

3. align="top" или align="texttop" - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.

 

4. align="middle" – выравнивает базовую линию текущей текстовой строки с центром изображения .

 

5. align="absmiddle" – выравнивает центр текущей текстовой строки с центром изображения

 

6. align="bottom" и align="baseline" – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.

 

7. align="absbottom" – выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

Примечание:

Базовая линия (baseline или bottom) - это нижняя часть линии текста, которая проводиться без учёта нижней части (descender) некоторых символов, например, букв типа j, q, y. В отличии от выравнивания по базовой линии, при задании значения absbottom выравнивание выполняется по нижней части самого низкого элемента в строке, т.е. по одному из символов строки, имеющему элементы, лежащие ниже базовой линии. Аналогично обстоит дело с различием между параметрами top и texttop.

По материалам сообщений Rost

Рубрики:  блог

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку