Почему изображение накладывается на заголовки??

  • 1 Ответов
  • 525 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн pegas2

Переделываю сайт за другим товарищем.
Когда решил создать вкладку статьи, то получил такие проблемы:

1.Не могу увеличить интервал межу концом одной статьи и заголовком следующей статьи.
Пытался добавить в /css/template.css
h1,h2{
    color:#006889;
    font-size:24px;
    margin-top:12px; - добавил расстояние с верху, но тогда опускается и основной заголовок "Статьи-----". А хотелось бы чтобы он оставался на своем месте.
    margin-bottom:12px;    
}
2.Волнистая линия накладывается на текст заголовка. С какого перепугу, вообще не понятно...
.container h1,.container h2{
    background:url(../images/wave.png) repeat-x left center;
}
.container hr{
    border:none;
    height:5px;
    background:url(../images/wave.png) repeat-x left top;
    margin-bottom:5px;
}

Я не сильно знаком с Joomla, но доделать сайт нужно. Так что буду благодарен за помощь. Спасибо.
« Последнее редактирование: 08.08.2015, 08:13:11 от pegas2 »

Дело не в Jooma, а в CSS.

Было б не плохо ссылку на сайт!

Заголовок "Статьи" - это скорее всего - h1.
Сами заголовки статей, должно быть - h2.

Разделите их в CSS и редактируйте отдельно.
Фон (синяя полоска) это картинка в бэкграунде, можно запретить!

В общем примерно так как-то будет:
h1 {
    color: #006889;
    font-size: 24px;
    margin-top: 12px;
    margin-bottom: 12px;   
}
h2 {
    color: #006889;
    font-size: 21px;
    margin-top: 8px;
    margin-bottom: 8px;   
}
.container h1 {
    background: url(../images/wave.png) repeat-x left center;
}
.container h2 {
    background: none !important;
}