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


Как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине. 22-11-2014 10:53 к комментариям - к полной версии - понравилось!

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

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

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

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

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

 

вверх^ к полной версии понравилось! в evernote


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

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