Заголовки блоков перекосились (стиль "Absolution")

[ursego]

Установил игру "Висельник" ("Hangman"). Единственный изменённый файл, ответственный за визуальное представление - эта stylesheet.css (добавил в него "@import url("hangman.css");"). После этого увидел, что заголовки блоков перекосились на главной странице (вернее, содержимое съехало вверх) - посмотрите как это выглядит. Восстановил оригинальный stylesheet.css (без строчки "@import url("hangman.css");") - порблему не решило (рефреш сделал). Ума не приложу где накосячил - кроме stylesheet.css вроде не было никаких изменений, связанных со стилем.

Вот HTML этих блоков:

Код: Выделить всё

<div class="catglow">
    <div class="cathead-m">
        <div class="cathead-r">
            <div class="cathead-l">
            <ЗАГОЛОВОК>
            </div>
        </div>
    </div>
  <ВНУТРЕННЕЕ СОДЕРЖИМОЕ>
</div>

Господа опытные форумологи, посоветуйте, пожалуйста, как вернуть в мир гармонию!

Спасибо!

[ursego]

В маленьких блоках (справа и слева) временно (и очень некрасиво с точки зрения вёрстки) решил проблему поместив <br /> перед текстами внутренних блоков - они теперь чуть сместились вниз и не наезжают на заголовки. Но в больших блоках (таких, как форумы) проблема всё ещё ждёт решения.

[DeaDRoMeO]

А через исходный код не пытались поковырять? Поглядеть цепляются ли классы к тегам

[ursego]

Половина проблемы решена - сдвиг вверх ликвидирован добавлением строки margin-bottom: 12px; в класс cathead-m (так что <br /> выкинуты):

Код: Выделить всё

.cathead-m {
	width: 100%;
	height: 32px;
	margin-bottom: 12px;
	background: url("{T_THEME_PATH}/images/cathead-m.gif") repeat-x left top;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	-moz-border-radius-topleft: 5px 5px;
	-moz-border-radius-topright: 5px 5px;
	-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
}

А вот с пустотой в нижней правой части заголовков блоков справиться не удалось. Там должен быть упомянутый в коде файл cathead-m.gif (представляющий собой узкую синюю вертикальную полоску с оранжевым низом), многократно повторяемый по горизонтали (repeat-x), но его чё-то не видать (физически файл на месте).

[DeaDRoMeO]

Вот я вас и спрашиваю, через исходный код глядели?Обращались ли по прямому пути к этой картинке? Она доступна?

[ursego]

Вот я вас и спрашиваю, через исходный код глядели?

Что конкретно искать/проверять?

Обращались ли по прямому пути к этой картинке? Она доступна?

Да, вот она (на первый взгляд пусто, но если присмотреться, то в верхнем левом углу есть тонюсенькая полосочка - синяя, а внизу оранжевая:
http://forum.north-ameri.ca/styles/absolution/theme/images/cathead-m.gif

[ursego]

В общем, исправил как смог (правда, если присмотреться к оранжевой полоске, в одном месте видна микроскопическая ступенька). Исправил методом втыка - в классе .cathead-m изменил height с 32 на 44. Это, кстати, сдвинуло содержимое вниз, так что margin-bottom: 12px; убрал.

[DeaDRoMeO]

Хех, буду дома, напишу статью о Исходном коде или как там его)))Вещь удобная)