• Авторизация
Дневник Летняя_птица Лента друзей - Дневник - Полная версия


Как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине. 15-02-2013 14:58 к комментариям - к полной версии - понравилось!

Это цитата сообщения fatima62 Оригинальное сообщение

Урок: Как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.

Автор урока ГАЛИНА ШАДРИНА




[620x90]
По многочисленным просьбам читателей объясню еще раз, как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.

Как же сделать так, чтобы текст располагался справа от картинки, весь , а не только одна его строчка. Посмотрим сначала как выглядит просто HTML код картинки. Я взяла небольшую картинку, которую вы видите слева от текста. Просто код ее выглядит вот так.
[630x57]

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

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

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

Теперь внимание. Коды картинки всегда должны стоять впереди текста, а текст следом за кодами. Например вы хотите поставить картинку справа от теста. Это должно выглядеть вот так
[600x232]

Но это не все: текст может располагаться внизу картинки (это по умолчанию), посередине, и вверху.
Вот так это выглядит.

текст внизу картинки


текст посередине картинки


текст вверху картинки

Ну а теперь напишу по порядку коды, которые надо добавлять в конце HTML -кода картинки, перед последними кавычками, что бы ваши картинки вставали так, как вы этого хотите.
добавить
align="left" -и картинка будет слева от текста
align="right" -картинка будет справа от текста.
align="bottom" -картинка будет внизу текста
align="middle" -картинка будет посредине текста
align="top" - картинка будет вверху текста.
Вот пока и все. Не буду грузить сразу много информации. Дальше о картинках расскажу позднее. Успехов в вашем творчестве.
Из блога ГАЛИНЫ ШАДРИНОЙ
[620x90]
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине. | Летняя_птица - Дневник Летняя_птица | Лента друзей Летняя_птица / Полная версия Добавить в друзья Страницы: раньше»