О чем думаете?

 -Рубрики

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

люди, музыка, видео, фото
Поиск сообщений в Лика-лиса

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

 
Получать сообщения дневника на почту.

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Дата регистрации: 09.01.2012
Записей в дневнике: 683
Комментариев в дневнике: 157
Написано сообщений: 1640
Популярные отчеты:
кто смотрел дневник по каким фразам приходят

Урок оформления картинок в тексте

Вторник, 07 Февраля 2012 г. 10:59 (ссылка)
Процитировано 12 раз + в цитатник

 (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)


obasja   124 0 +1 обратиться по имени Среда, 08 Февраля 2012 г. 15:48 (ссылка)
Спасибо солнышко.Беру в цитатник.
Обычно пользуюсь вот этим сайтом!
http://htmlka.com/
7da2f99fe196 (400x273, 1148Kb)
Ответить С цитатой В цитатник
Аннаславна   обратиться по имени Среда, 08 Февраля 2012 г. 16:46 (ссылка)

5e90a4f1f823 (300x309, 135Kb)
Ответить С цитатой В цитатник
Олвия   32 0 обратиться по имени Среда, 08 Февраля 2012 г. 18:18 (ссылка)
.
0_82a81_486dd690_L (500x500, 159Kb)
Ответить С цитатой В цитатник
Подписаться
Отписаться
К дневнику Страницы: [1] [Новые]
 

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

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

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

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

Найти дневники