-Метки

"кулинария": 9 мая proshow producer (5.0 & 7.0) & видеокурс. support xtmlка - в помощь блогеру анимация на прозрачном фоне анимашки видеоуроки/html генератор обрезки видео генератор текста генератор фонов генераторы грамота и помощь день победы диета для фотошоп добавление анимации на изображение знаки зодиака интересное как в фотошопе наложить футаж на изображение. картинки логотипы на прозрачном фоне клипарт клипарты компьютер конвертер - из видео в мр3 кошки минусовка музыки музыка музыка/уроки музыкальная открытка мультик надписи новый год пасха пишем текст по контуру плеер плеер - кнопа плеер с плейлистом плееры подарки поздравления поздравления в стихах и прозе с днем рождения поисковик музыки полезности полезные советы полезные советы от ирины ткачук помощь православная бродилочка. праздники притчи притчи дзен про кошек психология разделители разное разные надписи на прозрачном фоне. рамка фотошоп рамки рамки с объемным фоном урок рамки фотошоп рамочка рамочка фотошоп рамочник рецепт симандрэ рисование рисунок из фото. скруглитель слайд-шоу стеклянный шар в фотошопе стихи схемы текст по контуру в фотошопе тест тесты уменьшить вес изображения урок - флешка урок плееры уроки уроки анимации уроки из блога егоровой татьяны уроки ф уроки фотошоп уроки фотошоп от а до я уроки фотошопа фитнес флеш-плееры флешка флешки фоны фоны для фотошоп фоторамки фоторедактор фотошоп фотошоп для начинающих футажи футажи зимние цветочные безшовные фоны эффект мокрого стекла. урок photoshop. юмор юморной фото-генератор

 -Рубрики

 -Цитатник

Удаление и замена фона фото онлайн - (2)

Для тех, кто не владеет фотошопом предлагаю воспользоваться одним сайтиком, где можно из любого ваше...

ДЕЛАЕМ ФЛЕШКУ С ВИДЕО - (5)

Делаем флешку с видео ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ Делаем флешку с видео Давно о...

Нас бьют, мы летаем... - (2)

Нас бьют, мы летаем... Нас бьют, мы летаем... - коллаж в ФШ Размер флешки можно менять, на...

Скриншот за 5 секунд! - (2)

Скриншот за 5 секунд! Clip2Net — скриншот экрана за 5 секунд ...

Про плеер, прямые ссылки и другое - (0)

Про плеер, прямые ссылки и другое Всем Здравствуйте... Я не зря сегодня выставила Небольш...

 -Приложения

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

 -Фотоальбом

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

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

 -

Радио в блоге
[Этот ролик находится на заблокированном домене]

Добавить плеер в свой журнал
© Накукрыскин

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

Поиск сообщений в Ирина_Ченская

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

 

 -Статистика

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


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

Суббота, 20 Августа 2011 г. 11:54 + в цитатник
Цитата сообщения Шадрина_Галина Как расположить текст справа и слева от картинки и т.д

 (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 - Как расположить текст справа и слева от картинки и т.д



Понравилось: 1 пользователю