Записи Друзья Комментарии
ПРЕРИИ
Аватар ПРЕРИИ

 -Рубрики

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

Поиск сообщений в ПРЕРИИ

 -Статистика

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


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

Среда, 16 Апреля 2014 г. 18:23 + в цитатник
Цитата сообщения uliy-KISS
Прочитать целикомВ свой цитатник или сообщество!
Два способа как расположить картинку справа или слева от текста

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



Тут я приведу два способа как расположить картинку справа или слева от текста ПО УГЛАМ!!! Выбирайте кому какой будет удобнее!!!



Способ №1.

В HTML формате после адреса картинки нужно добавить align="left" и картинка будет слева от текста или align="right" и картинка будет справа от текста.

А если вам надо просто вставить по углам картинки (без текста, или с другой картинкой), то используйте вот такие формулы. Вот пример:

- картинка слева

- картинка справа

Код нужно ставить ПЕРЕД текстом и тогда всё получится!!!! URL адрес картинки - это код с радикала №1!!!

Способ 2

Если слева или справа должно находиться несколько картинок в столбик, то лучше построить таблицу!!!

вот этот код.



Вместо слов "левая колонка"/"правая колонка" ставим текст или коды картинок в столбик!!! Вот что получится:

Здесь будет ваш текст. текст



Когда будете выстраивать картинки в столбик, то Здесь (вместо слов правая (если каритнка слева и наоборот) ставится код радикала №6, а можно и обычный код HTML. И еще, кто будет брать код №6, что бы картинка или разделитель не были в синей рамочке, в конце кода вот такие значки "> (кавычка и угловая скобка) и вставьте между ними border="0"

Все это вы делаете в формате HTML, в простой формат не переходите, так как формулы сбиваются, пользуйтесь предпросмотром!!!



Но вам не всегда бывает нужна картинка, которая располагается по углам. иногда нодо что бы она встала рядом с текстом, или на каком то расстоянии от него. Тогда делаем так

Картинка справа или слева от текста

Если вы хотите разместить в своём посте картинку слева или справа от текста, то

1. Загрузите картинку на сайт Фоторадикал - http://www.radikal.ru/

2. Из предложенных НTML-кодов скопируйте код №6. (перед копированием необходимо в правом столбце "Полноразмерное изображение" выбрать вариант "не кликабельное"). Теперь выделить мышью код №6 и копировать.

3. Вставьте код картинки в НTML-режиме в ту часть текста, где вы хотите видеть свою картинку.



4. В самом конце кода найдите вот такие значки "> (кавычка и угловая скобка) и вставьте между ними align="left" или align="right"



5. Чтобы картинка не слиплась с текстом, добавьте "hspace=..."



align="left"hspace=20 - картинка слева с отступом от края и от текста в 20 пикселов

align="right"hspace=30 - картинка справа с отступом от края и от текста в 30 пикселов



6. Если вам нужно увеличить или уменьшить картинку то ставите коды width="130" height="190"- 'mj ширина и высота картинки в пикселях. Они ставятся сразу после адреса картинки (после .gif") , затем стоит border="0" и уже после ставится код справа или слева будет картинка. Но пока ве не научились хорошо орентироватся в кодах, ограничьтесь адресом, border="0" и кодом-право- лево



6. Жмите кнопку "Предпросмотр". Если всё устраивает - жмите "Сохранить".


Рубрики:  ВСЁ ДЛЯ ДНЕВНИКА
УРОКИ
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

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

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

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

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


О проекте