Форум русской поддержки Joomla!® CMS
10.12.2016, 20:40:42 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 342 раз)
0 Пользователей и 1 Гость смотрят эту тему.
pegas2
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 1


« : 08.08.2015, 06:57:31 »

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

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, 07:13:11 от pegas2 » Записан
Театрал
Осваиваюсь на форуме
***

Репутация: +5/-0
Offline Offline

Сообщений: 96



« Ответ #1 : 08.08.2015, 07:35:23 »

Дело не в 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;
}
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet