-Рубрики

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

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

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

 

 -Сообщества

Читатель сообществ (Всего в списке: 2) аспергер Рецепты_блюд

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 26.12.2010
Записей: 9178
Комментариев: 158
Написано: 9629


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

Вторник, 26 Июля 2011 г. 19:20 + в цитатник
Цитата сообщения 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
Рубрики:  4. 1000 мелочей, полезности/Осваиваем компьютер

 

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

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

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

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