-неизвестно

 -Цитатник

Без заголовка - (0)

Погода в мире и в моем городе.   ...

вечный календарь - (0)

Серия сообщений "Часы+календарь": Часть 1 - первые шаги(мои календарики)Часть 2 - календа...

Заливные пирожки - (1)

: не жду пока подойдет тесто и руки чистые Сегодня хочу поделиться рецептом заливных пиро...

Английский худок David Stribbling - (0)

жни Английский художник David Stribbling David Stribbling является одним из лучших британских ан...

Бродилочка-Будем красивыми - (0)

...

 -Рубрики

 -Приложения

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

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

 -Фотоальбом

Фотоальбом закрыт всем, кроме хозяина дневника.

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

Поиск сообщений в MARIYA-VIKTORIYA

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 14.08.2013
Записей: 8748
Комментариев: 1919
Написано: 12720


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

Суббота, 09 Июля 2016 г. 17:04 + в цитатник
Цитата сообщения Шадрина_Галина Как расположить текст справа и слева от картинки и т.д

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

Серия сообщений "***уроки от Шадриной":
Часть 1 - Как легко и быстро сделать свой, оригинальный разделитель в программе ЭДИТОР
Часть 2 - Новая версия полюбившегося сайта Скруглитель
...
Часть 15 - Создание рамочек без знаний html всего за пару минут
Часть 16 - Если в дневнике пропали записи или картинки
Часть 17 - Как расположить текст справа и слева от картинки и т.д
Часть 18 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 19 - Разлиновка — шаблоны разлинованных листов всех форматов.
Часть 20 - Пишем красиво затухающим текстом


 

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

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

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

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