Рамка блока

[revski]

помогите разобраться с рамками для блоков, интересует вариант как на главной странице сайта

как выглядит код в css и Html? может где есть готовые подобные примеры, подскажите.

[ShumNo]

смотрите инспектором/firebug/аналогом

[revski]

смотрите инспектором/firebug/аналогом

частично разобрался.

А как сделать рамку декоративную с узорами, чтобы я смог вставить на каждую из сторон и на углы блока свой узор(бэкграун/рисунок) ?

[Nekromancer]

смотрите инспектором/firebug/аналогом

частично разобрался.

А как сделать рамку декоративную с узорами, чтобы я смог вставить на каждую из сторон и на углы блока свой узор(бэкграун/рисунок) ?

Ставьте нужный вам фон заголовку и выравнивайте его по правому краю (фон конечно, не заголовок). И тоже конечно в случает того если вам нужны эти декорации с права.

[revski]

честно не понял(

Почему по только по правому краю? а на углы блока как вставить рисунок?

Если можете опишите с кодом

[Nekromancer]

честно не понял(

Почему по только по правому краю? а на углы блока как вставить рисунок?

Если можете опишите с кодом

Нет, это я вас не понял, извините. Сейчас опишу как надо.

UPD:

Берётся приблизительно такая структура:

<div class="block">
	<div class="block-top-border"></div>
	<div class="block-main">
		<h2>Title</h2>
		<div class="block-content">
			Content
		</div>
	</div>
	<div class="block-bottom-border"></div>
</div>

Дивам с классами block-top-border и block-bottom-border присваивается размер и устанавливается фон рамки сверху и снизу соответственно.

Диву с классом - block-main устанавливается фон шириной в размер блока. По бокам у этого фона элементы рамки, а в центре пустота. Элементы должны быт так подобраны что бы их можно было повторять по вертикале без стыков.

Если хочется сделать уголки то добавляется по 2/3 (в зависимости от подхода) дополнительных дива в block-top-border и block-bottom-border. В низ всё делается приблизительно так же. Если всё же не понимаете могу подробно описать.

[revski]

не дошло(

вот у меня к примеру подогнанные рисунки бордера

top

right

bottom

left

Рисунки углов

top-left

top-right

bottom-right

bottom-left

как сделать рамку вокруг блока из них?

с табличной версткой все проще)))сделал так и все

с блоками не могу разобраться

[Softlink]

На css3 нельзя сделать? А так у меня в подписи почти готовое решение есть

[revski]

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

[Softlink]

Узор только на углы хотите повесить? Можно позиционированием или через псевдоэлементы сделать. Еще есть множественный бэкграунд. Показали бы, что должно получиться.

[revski]

да пока ничего конкретного нет)) на будущее хочу знать как можно оформить растягивающиеся блоки + сss3 ie8 не поддерживает, поэтому округления надо сделать фонами

Edited September 18, 2011 by revski