Форум Сайтостроение Веб-строительство

CSS

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
339

1) Как сделать расстояние между блоками?

CSS 

.main_box {

	width:980px;/*980px*/

	min-height:440px;

	position:relative;

	z-index:5;

}

.main_box .content {

	padding:30px 30px 30px 30px;

	width:920px;

	background: url('../images/bg.jpg');

}

2) Как добавить рамку для .main_box .content? Рамка в виде изображения.

eis
На сайте с 18.10.2008
Offline
473
eis
#1

Pasha199, допишите свойство "margin: 10px" для расстояния между блоками.

Рамка в виде изображения "background: ", но у Вас уже установлен я так понимаю фон. В таком случае обернуть .content еще в один блок и ему добавить ту самую рамку в виде изображения.

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
CSS красивое оформление блока Некорректное отображение рекламного блока Вопрос по картинке и
Geers
На сайте с 12.04.2011
Offline
487
Geers
#2

Pasha199, это не блоки, это один блок.

А так, margin-right: 50px; например.

А рамка добавляется так:

background:url(../images/bg.jpg) no-repeat center top; и применять его надо к .main_box{

И судя по размерам, это не блок, а основа, внутри наверное блоки.

как вставить картинку таблицей Стилизация ссылок Несколько фоновых изображений. Не
TaediumVitae
На сайте с 22.09.2011
Offline
41
TaediumVitae
#3

Есть еще border-image, но только кроссбраузерность, все дела...)

Geers
На сайте с 12.04.2011
Offline
487
Geers
#4 


.main_box {
    width:980px;/*980px*/
    min-height:440px;
    position:relative;
    z-index:5;
} 
.main_box .content {
    padding:30px 30px 30px 30px;
    width:920px;
    background: url('../images/bg.jpg');
}

Если стоит паддинг, и основной блок фикс размера, не обязательно писать ширину, упрощай всегда код:

.main_box .content {
    padding:30px;
    background: url('../images/bg.jpg');
}

Вот так будет.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий