-Цитатник

пакетницы - (1)

Принцессы курятника))) пакетницы, небольшой МК МАСТЕР-КЛАСС

кухонные полотенца - (0)

Кухонные полотенца. Аппликация Язык текста португальский

для кухни - (0)

Лоскутные работы Carla Lima [more=>>>>>>>>>>] ...

для кухни - (0)

Кухня в яблоках и не только ))) Много яблочных идей для интерьера Одна моя подруженька и замеч...

плетенные коврики - (0)

Плетеные коврики в домашнем интерьере Существует много вариантов, как украсить домашний интерьер....

 -Рубрики

 -Приложения

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

 -

Быстрый переход по страницам блога Светлана_Сабанцева:

 -

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

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

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

Поиск сообщений в svetla-08

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

 

 -Статистика

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


как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.

Воскресенье, 01 Июля 2012 г. 23:48 + в цитатник
Цитата сообщения Феврония52 как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.





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


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


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


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

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


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

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


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


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

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

Рубрики:  Красивый дневник
Все для сайта
Темы, схемы,фоны
Для начинающих
Разделители
флэш-эпиграф
Метки:  

 

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

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

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

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