Много строчное меню в два столбца.

[narcotiQ]

Здравствуйте.
Помогите пожалуйста советом, каким образом организовать подобное меню.
Чтобы в ОДНОМ меню было два столбца и оно было много строчным.
Может уже есть готовые решения или какие нибудь расширения Joomla которые представляют более гибкие инструменты для создания меню.

На рисунке два разных меню в позициях user1 и user2, надо добиться примерно того же только в одном меню.
(два столбца плюс многострочность).



Или так (класс возьму из модуля новостей последних), но опять же необходимо чтобы они были одним меню в два столбца:



Спасибо за внимание.

[step-di]

для слоя или элемента списка (div или li), в котором размещается пункт меню, в стилях пропиши свойства float: left; width: 50%;
Если укажешь width: 33%; то горизонтально будет размещено не два а три элемента.

[narcotiQ]

для слоя или элемента списка (div или li), в котором размещается пункт меню, в стилях пропиши свойства float: left; width: 50%;
Если укажешь width: 33%; то горизонтально будет размещено не два а три элемента.

Пункт меню размещается в тэге <a>, таким образом:

Код:

<table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap"><a href="http://skb50.ru/index.php?
option=com_content&amp;task=view&amp;id=25&amp;Itemid=35" class="mainlevel-structure" >Медсанчасть №1</a><a href="http://skb50.ru/
index.php?option=com_content&amp;task=view&amp;id=26&amp;Itemid=40" class="mainlevel-structure" >Отделение Скорой помощи</a></td></tr></
table>

Прописал для него свойства float и теперь получается такая картина:



Вот мой CSS для тэга <a>:

Код:

a.mainlevel-structure  {
  width    : 50%;
  float    : left;
  display          : block;
  margin           : 1px 0px 1px 0px;
  padding          : 0px;
  font-size        : 12px;
  background       : none;
  text-indent      : 10px;
}

a.mainlevel-structure:link, a.mainlevel-structure:visited {
  width    : 50%;
  float    : left;
  display          : block;
  font-size        : 12px;
  border           : 1px solid #cccccc;
  background-color : #f1f1f1;
  font-weight      : normal;
  padding          : 2px 0px 2px 0px;
  color            : #666666;
  font-weight      : bold;
  text-indent      : 10px;
}
a.mainlevel-structure:hover {
  width    : 50%;
  float    : left;
  border           : 1px solid #cccccc;
  background-color : #E0E0E8;
  font-size        : 12px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  text-indent      : 10px;
}

Подскажите пожалуйста что можно еще попробовать.

[PaLyCH]

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

[narcotiQ]

Вот нашел схожую проблему http://joomla-support.ru/showthread.php?t=887 эксперементирую.