Цитата сообщения уроки
Учимся делать рамочки 11
Теперь продолжим наш предыдущий урок и вставим нашу картинку сбоку,но уже в сложную рамочку.За основу возьму рамочку с 4-мя слоями:
Теперь загружаю картинку,как мы делали это в прошлом уроке(один совет не берите очень широкие картинки)и вставляю в рамочку между слоями,как мы это делали в предыдущих уроках с прямыми рамочками.
Вот так:
![](//i034.radikal.ru/0804/3f/2fbb959262a2.jpg)
Здесь подчеркнуты те два слоя,которые будут нашей внешней рамочкой:
![](//i041.radikal.ru/0804/fe/2cbd09699677.jpg)
здесь те слои,которые будут нашей внутренней рамочкой:
![](//i029.radikal.ru/0804/a6/069119a3d103.jpg)
Теперь будем регулировать наши размеры,
размер нашей внутренней рамочки ставим так чтобы сумма ,размера картинки и ее размера ,не превышала размера внешней рамочки,а была бы примерно равной ей .
И мы получаем такой вид рамочки:
Как видем вид не очень притягательный.
Теперь делаем следующее:
Перед картинкой ставим вот этот тег со следующими характеристиками:
![](//i032.radikal.ru/0804/0d/3245e6a38553.jpg)
1.устанавливаем жестко:
![(676x309, 43Kb)](//img0.liveinternet.ru/images/attach/b/3/21/797/21797737_a27d1cfbb700.jpg)
2.уравниваем размер по картинки:
![](//i001.radikal.ru/0804/95/8aa7631a6ba0.jpg)
И получаем такой вид рамочки:
Но это не все, ведь вставляя наш текст в такую рамочку,внутренняя рамочка начнет увеличиваться в высоту,а картинка имеет определенный размер.И если текста будет очень много,то под картинкой образуется пустое место,что не украсит нашу рамочку,поэтому я рекомендую в такие рамочки вставлять текст с прокруткой или плывущий текст.
Сейчас мы разберем плывущий текст ,так как этот вариант намного проще:
Что ж вставлять этот тег мы уже умеем из предыдущих уроков,так что сразу будем оговариватьмаленький ньюанс с размером.
регулировать будем вот этот размер(то есть размер в теге должен равняться размеру картинки):
![](//i029.radikal.ru/0804/c9/cadd97c86584.jpg)
Вот так:
![](//i043.radikal.ru/0804/72/d62b12237c3d.jpg)
И мы получим вот такой вид рамочки:
Теперь дам один совет ,если вы ставите линии-разделители,то в размере тега,учитывайте и их размер,то есть размер тега должен быть равен ,в этом случае ,разнице между размером картинки и размером линии-разделителя(либо двух линий-рзделителей,если вы ставите их два).