-Метки

афоризмы баннеры бисквит булочки вышивка машинки вязание детская комната дизайн сайтов дракоши желе заказ сайта изготовление баннеров изготовление сайтов картошка кластеры котики котлеты котоматрица )) мальчиковская вышивка медовик мишки обои оптимизация сайта организация хранения осенние скрап-странички осенний скрап-набор паровозик на день рождения печенье пирог яблочный плакаты на день рождения поделки из природных материалов поделки руками для детей поисковая оптимизация сайта поисковое продвижение разработка сайтов ретуширование салат из птицы салат рыбный скрап голубой скрап зимний скрап рамочки скрап розовый скрап сиреневый скрап странички скрап школьный создание сайтов создать схемы вышивки специи стихи на день рождения студия дизайна супы схемы вышивки творог тыква феечки хлеб шьем яблочный пирог

 -Рубрики

 -

Быстрый переход по страницам блога АннаАнатольевна:

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

Поиск сообщений в АннаАнатольевна

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

 

 -Статистика

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


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

Пятница, 03 Декабря 2010 г. 23:07 + в цитатник
Цитата сообщения 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
Рубрики:  ЧТОБЫ БЛОЖИК СТАЛ КРАСИВЫМ/Уроки

 

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

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

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

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