-Цитатник

Энциклопедия для детей. Всё о животных от А до Я - (0)

1. 2. 3. 4. 5. 6. 7. 8. ...

45 рецептов красоты - (0)

Как делать аромарасчесывание волос - выбираем эфирные масла для идеальной шевел...

Моя бродилка по основным рубрикам для верных читателей - (0)

Девочки,мне пришлось немного потрудится и сделать для вас бродилку.Жмете на интересующую вас ...

Таблица кодов и названий базовых цветов для шрифта - (0)

...

Схема для оформления "Бордовая феерия -1", "Зеленая феерия-1", "Голубая феерия - 1" - (0)

...

 -Приложения

  • Перейти к приложению Онлайн-игра "Большая ферма" Онлайн-игра "Большая ферма"Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б
  • Перейти к приложению Стена СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов
  • Программа телепередачУдобная программа телепередач на неделю, предоставленная Akado телегид.

 -Рубрики

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

Поиск сообщений в karina-1952

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

 

 -Сообщества

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.04.2011
Записей: 37923
Комментариев: 25080
Написано: 71345


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

Четверг, 20 Августа 2015 г. 15:01 + в цитатник
Цитата сообщения Шадрина_Галина

 (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 - Как взять картинку с альбомов Яндекс -фото
...
Часть 34 - Как процитировать пост и сохранить в рубрике.
Часть 35 - Вставляем музыку в дневник из компьютера
Часть 36 - Как расположить текст справа и слева от картинки и т.д


Рубрики:  компьютерная познайка
Метки:  
Понравилось: 2 пользователям