Картинка в категории (вірванивание по центру форума)

Доброго времени суток, уважаемые форумчане и администраторы проекта!

Я пытаюсь вставить картинку вместо названия категории на свой форум. Для этого я в название категории вставляю

Код:

<img src="ссылка на картинку"> <br /> текст

Пытался без <br /> текст - не получается, выдет ошибку имени категории.

В итогу получилось пока вот так:


Подскажите, пожалуйста, способ для одновременного:
1) Отображения картинки БЕЗ названия категории в виде текста под ней.
2) Выравнивания картинки по середине ФОРУМА (не части таблицы форума для описания категорий, а именно посередине общего фрейма форума, включая колонки  "Форум", "Темы", "Сообщения", "Последние сообщения".

Если есть такой способ, то можно ли тогда как то вставлять названия колонок "Форум","Темы", "Сообщения", "Последние сообщения" ПОСЛЕ каждой новой картинки каждой новой категории?

Заранее благодарен!

С уважением, Я

Вообще-то правильно кодировать изображение не так

Код:

<img src="ссылка на картинку">

а вот таким образом

Код:

<img src="ссылка на картинку" alt="описание" />

Спасибо за совет, название темы ушло с форума. В меню администратора выбивает ошибку имени категории правда. Ну и при переходе на любую страницу форума более низкого уровня (тема, топик) текст съезжает куда то в бок:


И можно ли отцентрировать эту картинку посередине ФОРУМА, а не только по середине раздела для описания тем?

Ну и можно ли при такой центрировании после каждой картинки категории заново выдавать шапку разделов форума аля "Форум", "Темы", "Сообщения", "Последние сообщения"?

Балеар пишет:Выравнивания картинки по середине ФОРУМА (не части таблицы форума для описания категорий, а именно посередине общего фрейма форума, включая колонки "Форум", "Темы", "Сообщения", "Последние сообщения".

Это придется в шаблоне переделывать, объединять ячейки.
Уточните, что сейчас у вас выбрано в ПА > Оформление > Главная - Структура и иерархия, какой пункт из вариантов оставить - отделить категории?

Какай нелепый недосмотр с моей стороны. Там стоял "Нет". Поставил "Средний"  с отделением категорий и все стало на свои места. Приношу свои извинения и часть вопросов снимается.

Но текст в сообщениях все равно уезжал вправо, как на скриншоте выше. Я поэксперементировал с размером картинки категории и уменьшил ее по длине. Все пришло сразу в норму. Проблема была в некорректном отображении пути к теме в оглавлении (туда ставится картинка и путь автоматом выходит за пределы форумного фрейма.

Сейчас этот путь выглядит вот так:

Подскажите, пожалуйста, можно ли в путь этот заставить форум не картинку совать, а все таки название категории?

И второе: картинка на форуме сейчас центрируется в ячейке над названиями тем. После изменения структуры форума это вяглядит вполне приемлимо, но я думаю над вариантом выравнивания по левому краю. Это реализуемо?

P.S. Спустя час после написания этого поста я зашел на сайт в браузере Firefox (обычно сижу в Opera) и увидел вот такую картинку:

Форум как то поплыл, реклама 2х2 отражается странно для Гостей, ну и т.п... А в Опере все нормально отражается, вот скрин:


Подскажите, пожалуйста, что это и как это можно исправить?

P.S. Спустя час после написания этого поста я зашел на сайт в браузере Firefox (обычно сижу в Opera) и увидел вот такую картинку:

Скорее всего, FF сбивается из-за правил обтекания.
В шаблоне overall_header (Верхняя часть страницы) добавьте после окончания кода меню — т.е. после вот этого фрагмента —

Код:

<div class="but" id="tb15">Контент для кнопки Навигация</div></div></div>

дополнительный див с классом clear

Код:

<div class="clear"></div>

Подскажите, пожалуйста, можно ли в путь этот заставить форум не картинку совать, а все таки название категории?

Можно, но придется немного изменить принцип добавления картинки.

Покажу на примере пары категории. Вместо изображения

Код:

<img src="http://apocaliptodata.ucoz.ru/SMUTA/INDEX/razdel_info.png" alt="Информационный раздел">

в заголовок раздела пойдет обычный span с классом mycategory (который будет общим для всех категорий) и informy (своим индивидуальным!):

Код:

<span class="mycategory informy">Информационный раздел</span>

А превращать его в изображение, причем исключительно в заголовках разделов, будет CSS:

Код:

/* картинка в названии категории - общие настройки */

th span.mycategory {
display: block;
background: transparent url(http://illiweb.com/fa/subsilver/empty.gif)no-repeat center;
margin: 0 auto;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

/* картинка в названии категории - Информационный раздел */

th span.mycategory.informy {
background-image: url(http://apocaliptodata.ucoz.ru/SMUTA/INDEX/razdel_info.png);  /* ссылка на картинку */
height: 50px; /* высота картинки */
width: 370px; /* ширина картинки */
}

По такому же принципу добавляем следующий заголовок (с индивидуальным классом igry !)

Код:

<span class="mycategory igry">Игровой раздел</span>

И в CSS — настройки для него: уже только персональные, т.е. фоновое изображение, высота и ширина

Код:

/* картинка в названии категории - игровой раздел */
th span.mycategory.igry {
background-image: url(http://apocaliptodata.ucoz.ru/SMUTA/INDEX/razdel_igra.png);
height: 50px;
width: 280px;
}

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

А вот

Код:

<div class="clear"></div>

не помог =(

Картинка в Firefox не поменялась. Всё так же перемешано и сдвинуто вправо, как и на скрине выше. В чём еще может быть проблема?

Балеар пишет:А вот

Код:

<div class="clear"></div>

не помог =(
Картинка в Firefox не поменялась.

Странно, проверяла на тестовике. Вы кэш почистили?

Да, чистил. Всё равно на фаерфоксе вот такая кракозябра.

Дабы не быть голословной:

О как. Тогда я ничего не понимаю.

Ну а на счет админки - буду только рад, если есть такая возможность у вас.

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

Выслал. Проверьте ЛС, пожалуйста.

Поправила. Div оказался чуть-чуть не на том месте:



а должен был быть парой тегов дальше:



Сейчас у меня форум отображается корректно.

Спасибо огромное, Даночка! ОГРОМНОЕ!!!

Не за что! Отпишитесь потом, как у Вас заголовки тем будут работать.

И с заголовками категорий всё получилось =)

В очередной раз благодарю за помощь!