Как уменьшить расстояние между 2 элементами?

[johurt]

Как уменьшить расстояние между названием категории и таблицы?

 

.maintitle {
        background: url({style_images_url}/j_mainleft.png);
        height: 28px;
        -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
        margin-left: 10px;
        margin-right: 10px;
}	
.maintitle {
        font-family: Tahoma;
        font-weight: bold;
        font-size: 11px;
        color: #e9e7e7;
        padding-top: 12px;
        padding-left: 20px;
}

Изменено 3 января, 2014 пользователем johurt

[CNoise]

В ipb_styles.css вашего стиля найдите:

.ipsBox, .ipsPad {
        padding: 9px;
}

Измените на:

.ipsBox, .ipsPad {
        padding: 0 9px;
}

Здесь мы убрали отступ от элемента сверху и снизу, слева и справа он остался.
Если отступ снизу покажется вам слишком маленьким, замените этот вариант кода на следующий:

.ipsBox, .ipsPad {
        padding: 0 9px 9px 9px;
}

В этом случае мы поочередно устанавливаем отступ от верхней, затем правой, нижней и левой границы. Изменяя третье значение, вы сами можете отрегулировать отступ снизу.

После этого я бы также убрал закругленные углы у заголовка снизу, для этого найдите:

.maintitle {
        background: url({style_images_url}/j_mainleft.png);
        height: 28px;
        -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
        margin-left: 10px;
        margin-right: 10px;
}

И замените его на:

.maintitle {
        background: url({style_images_url}/j_mainleft.png);
        height: 28px;
        border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        margin-left: 10px;
        margin-right: 10px;
}

Таким образом, мы будем округлять только верхние - левый и правый - углы.

Изменено 3 января, 2014 пользователем CNoise

[johurt]

Благодарю. Сделал

.ipsBox, .ipsPad { padding: 3px 9px 9px 9px; }