-Рубрики

 -Цитатник

Некоторые фильтры - (0)

Некоторые фильтры AAAfilter Bas relief CPK filter D...

Все полезности в одном посте! - (0)

Все полезности в одном посте! :-) Собственно пост удобной навигации по блогу:-) Все ссылки на сам...

Как написать пост в простом редакторе - (4)

Самые азы о создании постов. Я все в картинках сделала, так, мне кажется, - доступнее... Если чт...

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

Поиск сообщений в Помогай-ка

 -Интересы

полезные программы полезный софт пошаговые инструкции руководства на русском языке

 -Сообщества

Участник сообществ (Всего в списке: 3) Бизнес_леди Заработок_Реклама Creative_Designs
Читатель сообществ (Всего в списке: 3) ParadizeArt AC_summer_school Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.07.2010
Записей: 922
Комментариев: 934
Написано: 2088


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

Пятница, 11 Февраля 2011 г. 02:33 + в цитатник

//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

Рубрики:  Всё про ЛиРу и для ЛиРУ/Оформление
Всё про ЛиРу и для ЛиРУ/Помощь
Метки:  

Процитировано 50 раз
Понравилось: 9 пользователям

ELENA_STOPKO   обратиться по имени Понедельник, 26 Ноября 2012 г. 11:36 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Надежда-Ариана   обратиться по имени Понедельник, 26 Ноября 2012 г. 21:33 (ссылка)
Ответить С цитатой В цитатник
Наташа_НН   обратиться по имени Среда, 30 Января 2013 г. 12:06 (ссылка)
большое спасибо
Ответить С цитатой В цитатник
Бьюти_лайф   обратиться по имени Среда, 14 Августа 2013 г. 09:20 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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