• Авторизация


Два способа как расположить картинку справа или слева от текста 01-07-2011 21:29 к комментариям - к полной версии - понравилось!

Это цитата сообщения Fleur__de_Lis Оригинальное сообщение

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

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

Способ №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. Жмите кнопку "Предпросмотр". Если всё устраивает - жмите "Сохранить".


Из блога ГАЛИНЫ ШАДРИНОЙ



Серия сообщений "HTML":

Часть 1 - Оформляем текст и картинки
Часть 2 - Генератор таблиц
...
Часть 6 - Вставляем плеер собственного дизайна в код формулы.
Часть 7 - Как вставить картинку в центре текста, и наоборот .
Часть 8 - Два способа как расположить картинку справа или слева от текста


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Два способа как расположить картинку справа или слева от текста | Julia_Frank - Дневник для Души..... | Лента друзей Julia_Frank / Полная версия Добавить в друзья Страницы: раньше»