-Рубрики

 -Приложения

  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо

 -Всегда под рукой

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

Поиск сообщений в Шадрина_Галина

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 22.09.2013
Записей: 1430
Комментариев: 53055
Написано: 55127


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

Четверг, 20 Августа 2015 г. 11:40 + в цитатник
 (620x90, 233Kb)
По многочисленным просьбам читателей объясню еще раз, как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.


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




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


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


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

Тогда атрибуты align="left", и align="right" СТАВИТЕ ПЕРЕД НЕЙ.
последняя (700x119, 38Kb)

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

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


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

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


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


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

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

Процитировано 211 раз
Понравилось: 148 пользователям

Ирина_Ченская   обратиться по имени Четверг, 20 Августа 2015 г. 11:53 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
БОБРЫШЕВА_НАТАЛЬЯ   обратиться по имени Четверг, 20 Августа 2015 г. 11:54 (ссылка)
Спасибо,Галочка! Мне это надо...
Ответить С цитатой В цитатник
Монтале   обратиться по имени Четверг, 20 Августа 2015 г. 11:56 (ссылка)
Большое спасибо!
Ответить С цитатой В цитатник
lola-malvina   обратиться по имени Четверг, 20 Августа 2015 г. 11:57 (ссылка)
Спасибо,Галочка! Пусть твои советы будут под рукой...
Ответить С цитатой В цитатник
флора-2014   обратиться по имени Четверг, 20 Августа 2015 г. 12:05 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Лариса_Виноградова   обратиться по имени Четверг, 20 Августа 2015 г. 12:12 (ссылка)
Спасибо,Галочка за урок!
Ответить С цитатой В цитатник
kassiopeyaolga   обратиться по имени Четверг, 20 Августа 2015 г. 12:16 (ссылка)
Спасибо огромное!
Ответить С цитатой В цитатник
lora-46   обратиться по имени Четверг, 20 Августа 2015 г. 12:18 (ссылка)
Галиночка, спасибо, всё мучилась как.
Ответить С цитатой В цитатник
iro4kan   обратиться по имени Четверг, 20 Августа 2015 г. 12:29 (ссылка)
спасибо, Галчонок, цитирую))
Ответить С цитатой В цитатник
Нинуля_Смолина   обратиться по имени Четверг, 20 Августа 2015 г. 12:31 (ссылка)
Спасибо,Галочка,за урок !
Ответить С цитатой В цитатник
Марина_55   обратиться по имени Четверг, 20 Августа 2015 г. 13:11 (ссылка)
Спасибо, Галочка!
Ответить С цитатой В цитатник
Волжанка-52   обратиться по имени Четверг, 20 Августа 2015 г. 13:42 (ссылка)
Спасибо!!!!!!!!!!!!!!!!
Ответить С цитатой В цитатник
Моисеева_Надежда   обратиться по имени Четверг, 20 Августа 2015 г. 13:44 (ссылка)
Спасибо, Галочка, нужная информация!
Ответить С цитатой В цитатник
НАТО70   обратиться по имени Четверг, 20 Августа 2015 г. 14:14 (ссылка)
Благодарю вас Галина!!
Ответить С цитатой В цитатник
Виолетта-22   обратиться по имени Четверг, 20 Августа 2015 г. 14:31 (ссылка)
Большое спасибо!
Ответить С цитатой В цитатник
vdomarvik   обратиться по имени Четверг, 20 Августа 2015 г. 14:33 (ссылка)
Спасибо,за урок!!!
Ответить С цитатой В цитатник
lyplared   обратиться по имени Четверг, 20 Августа 2015 г. 14:33 (ссылка)
Спасибо за урок!!!
Ответить С цитатой В цитатник
Лариса_Коваль   обратиться по имени Четверг, 20 Августа 2015 г. 16:01 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
VeraVik   обратиться по имени Четверг, 20 Августа 2015 г. 16:28 (ссылка)
Спасибо, Галочка, за науку.
Кому-то это будет находкой, кто не знал, как это делается.
Кто-то восстановит в памяти.

На пороге осень. Пусть она будет уютной для всех.
Ответить С цитатой В цитатник
valyok   обратиться по имени Четверг, 20 Августа 2015 г. 18:43 (ссылка)
Галочка
для тебя

Ответить С цитатой В цитатник
ЛЮБА-ЛЮБУШКА   обратиться по имени Четверг, 20 Августа 2015 г. 18:51 (ссылка)
Спасибо, Галочка! Еще как-то по формулам ставятся картинки на рамочку сверху-справа, слева или по центру, наверное, ты это тоже знаешь, может, потом, сделаешь постик
Ответить С цитатой В цитатник
Альбина_Кано   обратиться по имени Четверг, 20 Августа 2015 г. 20:07 (ссылка)
Благо Дарю, Галенька!
Ответить С цитатой В цитатник
valuha_valya   обратиться по имени Четверг, 20 Августа 2015 г. 21:00 (ссылка)
Сердечно ,Вас благодарю!
ПАСИБО СЛОНЫШКО (400x550, 43Kb)
Ответить С цитатой В цитатник
Жанна_николаевна   обратиться по имени Четверг, 20 Августа 2015 г. 22:10 (ссылка)
Благодарю.Хотелось бы ещё уроков по теме HTML.
Ответить С цитатой В цитатник
Алло_чка44   обратиться по имени Четверг, 20 Августа 2015 г. 22:25 (ссылка)
Спасибо Галина! Очень нужная информация,пригодится!!!
Ответить С цитатой В цитатник
Talya6   обратиться по имени Четверг, 20 Августа 2015 г. 22:27 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
Жанна_николаевна   обратиться по имени Четверг, 20 Августа 2015 г. 22:39 (ссылка)

Галочка! Спасибо большое.Всё получилось.


Ну а теперь напишу по порядку коды, которые надо добавлять в конце HTML -кода картинки, перед последними кавычками, что бы ваши картинки вставали так, как вы этого хотите.

align="left" -и картинка будет слева от текста

align="right" -картинка будет справа от текста.

align="bottom" -картинка будет внизу текста

align="middle" -картинка будет посредине текста

align="top"
- картинка будет вверху текста.

Ответить С цитатой В цитатник
Maziy   обратиться по имени Спасибо!! Пятница, 21 Августа 2015 г. 05:52 (ссылка)
Я вчера только этим мучилась...
Ответить С цитатой В цитатник
Mila-milay   обратиться по имени Пятница, 21 Августа 2015 г. 07:38 (ссылка)
Шадрина_Галина, благодарю Вас!
Ответить С цитатой В цитатник
Галина_Крохина   обратиться по имени Пятница, 21 Августа 2015 г. 08:23 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 [Новые]
 

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

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

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

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