Проблема с версткой

[arta]

Здравствуйте форумчане. У меня возник такой непростой вопрос. Я верстаю макет, не могу сверстать одну вещь а именно, вот эти две крайние картинки. Вот ссылка на картинку. http://i042.radikal.ru/1108/7d/072d46e33d59.png . Пожалуйста помогите с этой проблемой. Рамки нужно сделать именно картинкой.

[Yamaradg]

Здравствуйте! Если речь идет о голубых рамках - то я не вижу проблемы!

Делайте в общем бллоке:

<div class="общий блок">

<div class="левая синяя картинка"><img alt="" src="папка с картинкой/имя картинки" /></div>

<div class="правая синяя картинка"><img alt="" src="папка с картинкой/имя картинки" /></div>

</div>

А в папке css пишите:

.левая синяя картинка{

float:left;

}

.правая синяя картинка{

float:right;

}

P.S. Только названия давайте латиницей...

[arta]

Попробовал этот способ но получилось что они не растягиваются до конца. Скрин: http://s56.radikal.ru/i153/1108/8d/18875b0b84c2.png

мне кажется их надо разрезать по маленьким частям, то есть вверх середина и низ, и как то поставить, только вопрос в том как.

[Yamaradg]

Задайте общему блоку:

{

margin:0 auto;

}

левая синяя картинка в HTML коде внутри общего блока должна быть первой

правая синяя картинка-последней!

Другие блоки не должны иметь свойств 'float'

И на всякий случай задайте св-во этим блокам в CSS:

{

display:block

height:высота внутренней картинки img;

width:ширина внутренней картинки img;

}

и можете поэкспериментировать добавить этим блокам

{Clear:both} на всякий случай...

[Non Stop]

Если сайт будет фикс, делай одну картинку с прозрачной серединой и полосками по бокам на всю ширину белого блока.

И

background:url(...) repeat-y;

этому блоку.

И внутренние отступы под синие полоски по бокам в этом же блоке.

[Softlink]

Я правильно понял задачу? http://jsfiddle.net/NTvP2/

Edited August 8, 2011 by Softlink

[arta]

Да огромное спасибо.

[goooooch]

Нужно аккуратненько вырезать фрагменты крайних полосочек — обрезать слева темно-серый фон и справа белое поле (по вертикали обрезать оставшуюся голубую полоску так, чтобы при тиражировании этих фрагментов по вертикали не было видно стыков), назвать эти фрагменты, например left.png и right.png, а потом написать простенький код:

<div style="backgraund:url(left.png) 0 0 repeat-y;">

<div style="backgraund:url(right.png) 100% 0 repeat-y;">

<!--Здесь будет содержимое. То, что между голубых полосок-->

</div>

</div>