-Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Музыкальный плеер
  • Перейти к приложению Скачать музыку с LiveInternet.ru Скачать музыку с LiveInternet.ruПростая скачивалка песен по заданным урлам
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б

 -Рубрики

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

Поиск сообщений в Iluce

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 15.07.2012
Записей: 182465
Комментариев: 1563
Написано: 185298


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

Среда, 30 Января 2013 г. 15:29 + в цитатник
Цитата сообщения Помогай-ка Как разместить текст или картинку слева, справа или посередине?

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

Рубрики:  Dators

 

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

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

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

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