-Цитатник

ШАЛЬ С ЛИСТЬЯМИ. СПИЦАМИ. - (12)

Очаровательная шаль спицами с красивыми ажурными листьями, которые обрамляют платочную вязку...

Сложные столбики - (1)

 Автор: Галина Беликова. Век живи, век учись.   Двойной сто...

Носочки на двух спицах. Автор: Надежда Токаренко. - (1)

1. Набрала 49петель на спицы №3. Провязала 30 рядов резинкой 1 на 1. Нашла среднюю петлю (25ая), ...

ТАПОЧКИ ТАТЬЯНЫ КОЖЕВНИКОВОЙ - (1)

      Татьяна Кожевник...

Носочная пятка с клином. Мастер-класс с фото. - (0)

Автор: Marina Konenkova. По сравнению с базовой, в носочной пятке с клином нет ничего сложного - ...

 -Рубрики

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

Поиск сообщений в фыр

 -Статистика

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


Как расположить текст справа и слева от картинки

Вторник, 07 Февраля 2012 г. 11:09 + в цитатник
Цитата сообщения yaqut

Как расположить текст справа и слева от картинки
 

 (620x90, 233Kb)

По многочисленным просьбам читателей объясню еще раз, как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине. Как же сделать так, чтобы текст располагался справа от картинки, весь , а не только одна его строчка. Посмотрим сначала как выглядит просто HTML код картинки. Я взяла небольшую картинку, которую вы видите слева от текста. Просто код ее выглядит вот так.

Теперь добавляем к нему атрибут align, который отвечает за выравнивание, и так как мы хотим чтоб картинка была слева от текста, то добавляем ="left". Теперь наш код будет выглядеть вот так. Что бы картинка была справа от текста, добавляем так же к нему атрибут align, который отвечает за выравнивание и ="right". т.е. справа. Теперь наш код будет выглядеть вот так.

Или проще напишу так. В HTML формате в конце кода (перед последними кавычками) нужно добавить align="left" и картинка будет слева от текста или align="right" и картинка будет справа от текста. (Скопируйте эти символы право-лево и поставьте в конце кода своей картинки) Теперь внимание. Коды картинки всегда должны стоять впереди текста, а текст следом за кодами. Например вы хотите поставить картинку справа от теста. Это должно выглядеть вот так

Но это не все: текст может располагаться внизу картинки (это по умолчанию), посередине, и вверху. Вот так это выглядит. текст внизу картинки текст посередине картинки текст вверху картинки Ну а теперь напишу по порядку коды, которые надо добавлять в конце HTML -кода картинки, перед последними кавычками, что бы ваши картинки вставали так, как вы этого хотите. добавить align="left" -и картинка будет слева от текста align="right" -картинка будет справа от текста. align="bottom" -картинка будет внизу текста align="middle" -картинка будет посредине текста align="top" - картинка будет вверху текста. Вот пока и все. Не буду грузить сразу много информации. Дальше о картинках расскажу позднее. Успехов в вашем творчестве.

Из блога ГАЛИНЫ ШАДРИНОЙ

 (620x90, 233Kb)

 

Рубрики:  ДЛЯ ДНЕВНИКА/уроки
Метки:  

 

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

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

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

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