-Рубрики

 -Цитатник

Художник "мокрых" кошек Ютаки Мураками.Акварель - (0)

Художник "мокрых" кошек Ютаки Мураками.Акварель Японский акварелист Ютака Мураками ...

Как Петр I с ворами в России боролся и почему так и не смог победить коррупцию - (0)

Как Петр I с ворами в России боролся и почему так и не смог победить коррупцию &n...

5 идей неповторимых 3D полов для ванной комнаты - (0)

15 идей неповторимых 3D полов для ванной комнаты Оказывается фресками м...

Белоснежная шубка, белоснежные зубки... - (0)

Очаровательные собаки разных пород белоснежного окраса   &n...

Анекдоты от Ю. Никулина - (0)

Анекдоты от Ю. Никулина. Анекдоты Никулина давно стали легендой. Это б...

 -Помощь новичкам

Всего опекалось новичков: 0
Проверено анкет за неделю: 0
За неделю набрано баллов: 0 (86603 место)
За все время набрано баллов: 15 (30515 место)

 -Фотоальбом

Фотоальбом закрыт для неавторизованных. Зарегистрироваться!

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

Поиск сообщений в ольга_ялозюк

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

 

 -Сообщества

Читатель сообществ (Всего в списке: 4) Куклы_и_Модели АртБазар Photoshopinka Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 24.03.2011
Записей: 5063
Комментариев: 19483
Написано: 43264


Как размещать текст и картинки в одной строке?

Среда, 13 Июля 2011 г. 23:24 + в цитатник
Цитата сообщения Rost Как размещать текст и картинки в одной строке?

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

Порой при написании сообщения в дневнике надо в одной строке разместить картинку и текст. И вот как сделать это красиво?

В этом нам поможет вот этот атрибут "align" (про него можно прочитать тут в примечании №2) и вот этот квадратик:

Процитирую полностью указанное примечание:
Для выравнивания только картинки, атрибут "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.

Update
Как установить этот атрибут при добавлении картинки в расширенном редакторе?


LI 5.09.15
Рубрики:  ликбез
Оформляем блог
Метки:  
Понравилось: 1 пользователю

KIARA_BEILI   обратиться по имени Четверг, 14 Июля 2011 г. 12:19 (ссылка)

большое спасибо 2 (200x127, 13Kb)
Ответить С цитатой В цитатник
 

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

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

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

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