Как пользоваться суффиксами - Joomla 1.0: Общие вопросы

Вопрос, может кто поможет. Объясните чайнику, как пользоваться Menu Class Suffix и Module Class Suffix для индивидуализации css. В документации написано:

Введите суффикс для класса CSS данного модуля, например в модуле moduletable_online, online – суффикс. Данный суффикс должен быть представлен в CSS файле шаблона. Это позволяет использование индивидуальных CSS
классов с различными модулями не зависимо от общего CSS класса шаблона.

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

на примере модуля: копируешь в шаблоне все (!) что относится к moduletable
если это ДИВная верстка, то div.moduletable, табличная - table.moduletable
к примеру суффикс -sup (на дивной верстке):
div.moduletable-sup{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
ну а в нужном модуле пишешь потом суффикс -sup

То есть я делаю это непосредственно в главном css файле шаблона? Я правильно понял? Тогда общие настройки вывода сделать можно. С модулем понятно, а если речь про меню? Копирую из файла template.css все, что относится к меню, прибавляю суффикс и делаю свои настройки?

Добрый день. Помогите пожалуйста разобраться с css. Хочу поменять в модуле цвет ссылки. Попытался но ничего не вышло.

Сделал такой вариант:


a:link, a:visited-modmp {
  font-size        : 11px;
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : bold;
}

Ничего не вышло.

И такой вариант:

table.moduletable-modmp {
   margin           : 0 0 8px 0;
   width            : 100%;
   padding-bottom   : 2px;
   background-repeat: repeat-x;
   }

table.moduletable-modmp th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size          : 11px;
   font-weight        : bold;
   text-align         : left;
   width              : 100%;
   background-color   : #184b9e;
   color              : #f1f1f1;
   padding            : 2px;
   text-indent        : 30px;
   line-height        : 15px;
   background-image: url(../images/moduletable_top.gif);
   background-repeat: no-repeat;
   text-decoration: underline;
   border: 1px solid #093070;
   }

table.moduletable-modmp td {
    padding-top: 2px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
       }

a:link, a:visited-modmp {
  font-size        : 11px;
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : bold;
}

Тоже не изменился цвет ссылки.

(Зеленым цветом то что изменил)

Подскажите пожалуйста как решить мою проблему.

не изменился цвет ссылки

А Вы в модуле класс прописали при публикации модуля?

А Вы в модуле класс прописали при публикации модуля?

да прописал. Но я правильно сделал?

вот это правильно:


А вот это, чушь полнейшая:


Вам  нужно написать вот так:

Спасибо попробовал, но в IE ссылка почему-то синяя, а в Файрфокс все ок ссылка белая как задумывалось. Подскажите пожалуйста как решить проблему с IE?

Может быть какой-то стиль накладывается? попробуйте еще на всякий случай прописать стиль не только для a и a:visited, но так же для псевдоклассов link, hover и active, т.е. для:

Все равно в IE ссылки синие, приходится подстраивается под реальность влияния майкрософта, терпеть IE. Все равно спасибо за помощь.

table.moduletable-modmp td a,
table.moduletable-modmp td a:link,
table.moduletable-modmp td a:active,
table.moduletable-modmp td a:hover,
table.moduletable-modmp td a:visited {}
это для суффикса МОДУЛЯ

учитывая вопрос

как пользоваться Menu Class Suffix и Module Class Suffix

работем с mod_mainmenu (или mod_mljoostinamenu)

соответственно задавая суффикс для ССЫЛКИ скажем -modlink
в CSS это описываем как

a.mainlevel-modlink:link, a.mainlevel-modlink:visited {}
a.mainlevel-modlink:hover {}
для первого уровня
и
a.sublevel-modlink:link, a.sublevel-modlink:visited {}
a.sublevel-modlink:hover {}
для второго и последующих

Mitrich, smart Более конкретный вопрос по этой теме. Создаю новый модуль, ставлю картинку далее на картинку накладываю ссылку (чтобы кликнув по картинке перейти по ссылке) все ок работает. Только в поднадоевшим IE края картинки синие. Если на текст ложу ссылку то все ок как в шаблоне прописан цвет так и выходит. Но с картинкой проблема. Может я что-то делаю не так?

[вложение удалено Администратором]

в CSS
img {border:none;}

PS На дальнейшее пользуемся правилом один вопрос = одна тема

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

За спасибо спасибо