• Авторизация


Как расположить текст справа и слева от картинки и т.д 20-08-2015 14:14 к комментариям - к полной версии - понравилось!

Это цитата сообщения Шадрина_Галина Оригинальное сообщение

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

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


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

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

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

ВНИМАНИЕ - Если вы грузите картинки через другие источники, то в конце кода, перед последними кавычками стоит закрывающая дробь (косая палочка)
[700x102]

Тогда атрибуты align="left", и align="right" СТАВИТЕ ПЕРЕД НЕЙ.
[700x119]

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

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

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

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


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


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

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



Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 34 - Как процитировать пост и сохранить в рубрике.
Часть 35 - Вставляем музыку в дневник из компьютера
Часть 36 - Как расположить текст справа и слева от картинки и т.д


вверх^ к полной версии понравилось! в evernote
Комментарии (6):
Наташа, добрый вечер! Цитирую у тебя пост Галины, всё пропускаю, не успеваю ничего. Спасибо!
Millena-Li 20-08-2015-22:14 удалить
Отличный пост!
Сейчас, когда работаю с кодиками по рамкам, бегущим строкам и бродилкам - это так нужно!
Гранд мерси!
НАТО70 20-08-2015-22:16 удалить
Ответ на комментарий Людмила_Феникс # Не пропустила же.Ну и отлично!!Удачи в творчестве
НАТО70 20-08-2015-22:17 удалить
Ответ на комментарий Millena-Li # Приветик!!!Я очень рада,что пришлось к месту.Всех благ!!
volshica 21-08-2015-20:59 удалить
Спасибо,Наташа !!!
НАТО70 21-08-2015-22:50 удалить
Ответ на комментарий volshica # У меня есть учебник ЛИ ру.Там вообще все есть.Зайди на мою первую страницу и увидишь слева наверху.


Комментарии (6): вверх^

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

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