| |
|
|
| | Есть код:
<div class="menu_top">
<div class="top">
<div></div>
</div>
<div class="content">
<p>Простой прямоугольник с закругленными углами</p>
</div>
<div class="bottom">
<div></div>
</div>
</div>
|
.menu_top {
background-color:#f0256d;
width:30%;
}
.top div {
background: url(../images/top_left_ug.jpg) no-repeat top left ;
}
.top {
background: url(../images/top_right_ug.jpg) no-repeat top right;
}
.bottom div {
background: url(../images/bottom_left_ug.jpg) no-repeat bottom left;
}
.bottom {
background: url(../images/right_b_ug.jpg) no-repeat bottom right;
}
/* подробно указываем высоту и ширину */
/* каждый div с изображением будет шириной во весь контейнер */
.top div, .top, .bottom div, .bottom {
height: 7px;
}
.content {
margin: 0 20px;
}
|
Хочу сделать несколько таких блоков и чтоб они отображались по горизонтали друг за другом прописываю float и углы слетают! Как быть? | |
| |
|
