XF 1.5 Фон из 9 картинок у категорий.

Crashic · 12 Апр 2016

Доброго времени суток. Есть задачка не пойму как решить. Может кто из знатоков форума или css подскажет как быть.

Надо сделать Фон у категории который будет состоять из 9 составляющих: 1,2,3,4 неизменные, 5,6,7,8 блок растягивающийся, 9 блок чтобы повторялся. Или есть другие варианты решения задачи?
Второй вариант:

1 и 3 блок статичные а 2 либо растягивается либо повторяется.
Заранее при много благодарен.

softwox · 12 Апр 2016

Непонятно как то написано, вы это имели ввиду?

HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Блоки</title>
    <meta charset="utf-8">
<style type="text/css">

html, body {
    margin: 0px;
    padding: 0px;
    background-color: #F1F1F1;
}

#wrapper {
    width: 90%;
    margin: 0px auto;
    padding: 0px;
    background-color: #f3f3f3;
}

.cblok {
    width: 100%;
    height: 450px;
    margin: 0px;
    padding: 0px;
    background-color: #3E5B98;
}

.bloks {
    width: 300px;
    height: 450px;
    margin: 0px;
    padding: 0px;
    background-color: #5A7FA6;
}

.lblok {
    float: left;
}

.rblok {
    float: right;
}

</style>
</head>
<body>

<div id="wrapper">
<div class="lblok bloks"></div>
<div class="rblok bloks"></div>
<div class="cblok"></div>
</div>

</body>
</html>

Если да, то для 1 и 3 блока ширину укажите в пикселях, а ширину 2 блока в процентах.

XF 1.5 Фон из 9 картинок у категорий.

Crashic

softwox

Мы ценим вашу конфиденциальность