Не корректное отображение заголовка на странице материала и комментариев к нему

Недавно заметил что на сайте отсутствует тег h1. Поставил на страницу материла и комментариев и с заголовком случилась беда. Теперь он отображается не корректно, Проинспектировал элемент заголовка браузером (opera), он показывает в стилях что ширина заголовка 210.

Меняю там же на 710, заголовок отображается нормальна. Захожу в файл стилей чтобы изменить размер, но такого свойства нет чтобы поменять размеры заголовка. Тег h1 прописан так: h1 {margin: 0px; font-size: 15pt;} с ним вроде бы нет проблем. В общем нужна ваша помощь по изменению ширины заголовка.

Адрес сайта http://vovoka.ru/

25.12.2014 | Автор: Владимир Нестеров | Категория: Каталоги

Ответов: 2

Лучший ответ

Главная проблема, это фиксированная ширина которую вы задали в коде страницы материала и комментариев:

Выделенное красным удалить и сохранить!

Далее чтобы для h1 задать свои стили в таблице стилей CSS прописать класс:

.mtitle h1 {} и задаем свои стили

25.12.2014 | Автор: Yuri_Geruk

Выбор ответа лучшим | 28.12.2014 | Автор: Yuri_Geruk

Задал вот такие стили

.mtitle h1 {
width: 710px;
margin: 0px auto;
text-align: center;
}

но почему то текст вправо ушел

25.12.2014 | Автор: Владимир Нестеров

Какой браузер?

25.12.2014 | Автор: Sentimo

C таблицы стилей строки 119-120 в классах:

.eTitle .ltitle {background:url('/images/ltitle.png') 0 center no-repeat;padding:0 0 0 105px;}
.eTitle .rtitle {background:url('/images/rtitle.png') right center no-repeat;padding:0 105px 0 0;text-align:center;}

Вообще удалить данные багроунды так как они сдвигают название материала и вообще здесь не к месту так как данные стрелки не функциональны и не понятно, для чего они здесь.

.eTitle .ltitle {}
.eTitle .rtitle {}

В общем сделать вот так.

Далее с другого файла стилей под названием screnshot в строке номер 13-14 удалить строки:
.eTitle .ltitle {background-image:url('../images/ltitle.png');}
.eTitle .rtitle {background-image:url('../images/rtitle.png');}

Дополнительно, как я писал выше вы так и не удалил параметр - width: 210px; с страницы материала и комментариев в коде:
<div class="title-box" style="width: 210px; margin: 0px auto;">
Все это вместе взятое и дает такой побочный эффект, что вы сейчас наблюдаете.

25.12.2014 | Автор: Yuri_Geruk

Удалил строки со стрелками, стало более менее, но что касается строки с параметром width: 210px; ее там нет, просмотрел каждую строку и ни чего не нашел...