Проблема с выводом категорий через модуль mod_virtuemart - [VM1] Общие вопросы и ошибки

Здравствуйте!

Использую Joomla 1.5.25 + VirtueMart 1.1.9

Проблема такая. Установил главный модуль mod_virtuemart, вывод категорий товаров сделал в левой части сайта, список категорий выводится. НО! Список выводится обычным текстом, который оформлен как ссылка. То есть название каждой категории  - это просто текст, а должны быть ссылки. Подскажите пожалуйста, в чём может быть проблема?

Ссылка на сайт : http://hv.um.la (хостинг бесплатный просто для тестирования)

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

мда...

в ксс добавьте (http://hv.um.la/templates/heliosvivus/css/style.css)

div.moduletable {
position: relative;
}

это в CSS самого шаблона прописать? или где?

/templates/heliosvivus/css/style.css вот тут

Большое спасибо, заработало. Ещё вопрос есть. Чтобы изменить сам стиль отображения категорий, это нужно редактировать сам модуль, или в CSS шаблона?

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

Спасибо за ответ, хотел бы ещё вопрос задать. Я хотел бы для названия каждой категории сделать фон, то есть, чтобы выглядело как кнопка. В CSS файле удаётся сделать сам фон, но как сделать так, чтобы между названиями категорий был интервал побольше? Суть проблемы в том, что не знаю какая переменная отвечает за вывод категорий, и как изменить этот стиль. Буду рад, если ещё раз поможете

да просто добавь padding или margin для этих кнопок.

Мне нужно изменить сам стиль отображения названия категории, если это сделаю, то тогда название каждой категории будет как раз занимать весь фон. Не знаю, как именно стиль изменить

че то я спать хочу мб, не пойму о чем ты. Накидай в пайнте что тебе нужно и выкинь сюда.

Вот так хочу сделать:
http://clip2net.com/s/1ADYQ

так то полный п...
я поругаю Вас, может будет стыдно и вы пойдете по правильному пути.
Короче надо стиль делать не для модуля в целом, как вы прописали:
  div.moduletable {
  background-image: url("../images/menu_fon.jpg");
    background-repeat: repeat-y;
    position: relative;
}

Надо для div.moduletable a {
background-image: url("../images/menu_fon.jpg") no-repeat;
width: 238px;
height: 36px;
padding: 5px 15px; (ну или другие циферки)
 }

в ксс вы по нулям. Лучше почитайте самоучитель ксс на htmlbook.ru

Большое вам спасибо.

В CSS не настолько по нулям конечно, шаблон для Joomla сам делал, но сайт на виртуемарте делаю впервые, поэтому есть конечно трудности

Ой, наверное ещё раз вас потревожу всё-таки. Практически всё получилось, единственная проблема в том, что когда делаю отступы, то отступы также делаются между категориями, как это можно исправить?

Код такой прописан на данный момент:

div.moduletable a {
        background-image: url("../images/menu_fon.jpg");
        background-repeat: no-repeat;
        margin-left: -6px;
        margin-top: 50px;
        width: 233px;
        height: 36px;
        position: relative;
 }
И вот, что получается:

http://clip2net.com/s/1AGBa

попробовать padding-top: 10px; вместо маргин-топа

Спасибо, немного помогло. Но подскажите, как сделать так, чтобы между кнопками не было промежутков, и чтобы надпись раздела была посередине? И ещё меня интересует, почему сама панель смещается вниз? как поставить на место? И как сместить сам модуль немного вниз?

Фух, долго бился, но всё-таки кое-чего добился. Почитал про суффиксы класса модуля, вроде начало получаться. Осталось теперь только 2 проблемы:
1. Как всё-таки сделать так, чтобы между кнопками не было растояний?
2. Почему фон (панель) съезжает вниз?

Вот когда, который набросал:

div.moduletable_new {
        position: relative;
        margin-top: 50px;
}
div.moduletable_new a {
        background-image: url("../images/menu_fon.jpg");
        background-repeat: no-repeat;
        padding-top: 10px;
      
        width: 238x;
        height: 36px;
        position: relative;
 }

дружище, просто экспериментируй. В файербаге прописывай свойства, увеличивай/уменьшай значения....почитывай htmlbook.ru , особенно почитай про margin и padding, плюс суффиксы класса модуля тебе дали новые возможности.
Я бы порекомендовал прочитать 10 страниц с небольшим из этой темы http://htmlbook.ru/samcss

В общем на данный момент чуток переделал, получилось вот такое:

div.moduletable_new {
        float: left;
   width: 247px;
   height: 606px;
   margin-top: -387px;
   margin-left: 11px;
   background-image: url(../images/sideleft.jpg);
}
div.moduletable_new a {
        background-image: url("../images/menu_fon.jpg");
        background-repeat: no-repeat;
        padding-top: 10px;
        width: 238x;
        height: 36px;
        font: 16px Verdana, sans-serif;
        color: black;
        position: relative;
 }

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

Ну наконец-то проблема вроде как решилась. Для этого в первом диве дописал padding-top: 50px;

Большое вам спасибо за помощь