Цитата сообщения уроки
Учимся делать рамочки 10
Продолжаем делать рамочки.
Первый этап мы закончили,если возникнут вопросы по нему я думаю мы все дороботаем по ходу.
Теперь приступим к рамочкам,где картинка стоит не над текстом,а сбоку от него.
Первый вариант самый простой:
это когда загружаем картинку надо просто поставить галочку,там где хотим видеть картинку справа или слева,здесь все просто все делается на автомате,хотя этот тег можно вводить в ручную ничего сложного здесь нет,но думаю мы его все равно пропишем так на всякий случай.
и так берем рамочку в которую будем вставлять нашу картинку,я взяла самую простую:
Теперь загружаем картинку и ставим галочку вот здесь:
![](//i001.radikal.ru/0804/c1/74b4f6678dcc.jpg)
или здесь:
![](//i012.radikal.ru/0804/2f/16bfa9ddf68e.jpg)
Наша картинка в коде встанет над тегом рамочки,вот так:
![](//i049.radikal.ru/0804/54/f3d77e84a66a.jpg)
Теперь вырезаем ее и ставим сразу перед текстом в рамочку ,вот так:
![](//i040.radikal.ru/0804/2f/f7dcf018b1a5.jpg)
И наша рамочка будет выглядеть так:
![069431b57061 (608x608, 89Kb)](//img1.liveinternet.ru/images/attach/b/3/21/621/21621498_069431b57061.jpg)
ВАШ ТЕКСТ
|
|
Теперь покажу этот тег наглядно,так как его легко вводить в ручную,вот он:
![](//i011.radikal.ru/0804/17/399cbd985a5a.jpg)
В данном случае картинка у нас находится слева,но если вместо "left" написать "right",то картинка встанет справа от текста.
Это основа боковых рамочек.
Теперь поговорим о соотношении размеров,главным образом ,в данном случае,надо отрегулировать ширину нашей рамочки и ширину картинки,то есть размер рамочки должен быть больше размера картинки,на столько чтобы было удобно размещать текст.Где то вот так:
![](//i047.radikal.ru/0804/c8/9a29db734ec1.jpg)
Дальше будем говорить о том как поставить такую картинку в сложную рамочку,а пока в этом уроке все.