Создание Tab Menu с помощью Extended Menu

Всем привет!
Столкнулся с проблемою создание таб-субтаб-меню для extended menu.
Само меню должно быть горизонтальным. После клика по пункту меню, подменю должно выводится ниже, параллельно основному меню.
вообщем смотрите прикрепленное изображение

Щас использую шаблон mountaintop-corners-horizontal для extended menu, но к сожалению подменю выводится вниз вертикально, а не параллельно основному меню горизонтально.

Подскажите, как реализовать данный вопрос?


Спасибо

 

Если при нажатие, а не при наведение - то можно и стандартным Юмловским (стиль меню - список + ul.menu {display: inline;})

 

а можно на примере mountaintop-corners-horizontal для extended menu, пожалуйста
menu.css в приложении

 

не помогло. выводит меню вертикально

 

Если вы незнакомы с css то лучше скачайте код с инета, примеров валом или создайте 2 меню

 

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

 

что никто не знает как помочь? отказался от Extended Menu, редактироую navigation.css никак не могу сделать полноценное таб-меню, все время отображается как на рисунке в предидущем сообщении...
свою navigation.css полностью выкладиваю здесь:

Код (PHP):

1. .menu {
2. font-family: Arial, sans-serif;
3. border-bottom: 1px solid #ccc;
4. font-size: 11px;
5. text-align: left;
6. margin: 5px 0 5px 10px;
7. padding: 0 0 3px 0;
8. }
9.  .menu li {
10. margin: 0 2px 0 0;
11. border-bottom: none;
12. display: inline;
13. }
14. .menu li a {
15. margin: 0 -2px 0 0;
16. padding: 3px 12px 3px 12px;
17. color: #666;
18. text-decoration: none;
19. border: 1px solid #ccc;
20. background: #f5f5f5;
21. }
22.  .menu li a:hover {
23. background: #ededed;
24. color: #000;
25. }
26.  .menu li#active {
27. margin: 0 3px 0 0;
28.  padding: 3px 6px 3px 8px;
29.  background: white;
30.  border: 1px solid #ccc;
31. border-bottom: 1px solid white;
32.  }
33.  .menu li a:hover {
34.  background: #ededed;
35. color: #000;
36. }
37.  .menu .subMenu
38.  float: left;
39.  text-align: left;
40.  width: 100%;
41.  margin: 6px 0 5px 0;
42.  padding: 3px 0 3px 0;
43.  border-bottom: 2px solid #F89226;
44. }
45. * html .Menu .subMenu {
46. margin: 2px 0 5px 0; /* IE hack */
47. }
48.  .menu .subMenu li {
49.  padding: 3px 0 3px 0;
50.  border: 0;
51.  }
52.  .menu .subMenu li a {
53.  border: 0;
54.  background-color: #fc9;
55. }
56.  .menu .subMenu li a:hover {
57.  background: #d4de7c;
58. }
59.  .menu .subMenu li#subActive {
60. padding: 3px 6px 3px 8px;
61. font-weight: bold;
62. }

 

Попробуйте для субменю position:absolut

 

спасибо, помогло!
все работает!

 

Незачто.
А лучше изучайте html и css