Как продублировать меню?

[serjik]

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

Для информации: За работу меню отвечает яваскрипт csshorizontalmenu.js подключаемый в шаблоне

Код:

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/csshorizontalmenu.js"></script>

, а стиль отображения прописан в файле style.css и имеет следующий вид:

Код:

#cssmenu1 li {position:relative}
.top_menu #cssmenu1 li ul {position:absolute;display: block;z-index: 100;top:24px;left:0;visibility: hidden;}
.top_menu #cssmenu1 li li {display: inline;float: none;}
.top_menu #cssmenu1 li li  a {background: #CCC;width: 205px;font:normal 12px tahoma}
.top_menu #cssmenu1 li li  a:hover {background:#999;}

Что можно поправить чтобы верхнее меню одинаково работало и в своей нижней копии??

[serjik]

что нет никаких вариантов решения? или два одинаковых ява скрипта не могут отдновременно работать на странице? я пробовал продублировать csshorizontalmenu.js и присвоить ему другое значение, и добавил его в файл index.php тоесть как бы подключил другой ява стиль ко второму  меню, но ничего не получилось, нижнее меню начинает работать только после отключения верхнего....

[Shustry]

Так у вас айдишники тоже продублировались? Если да, то грубая ошибка. И правильно, что не работает.
#cssmenu1 замените на .cssmenu1

[serjik]

Shustry да, айдишники тоже продублировал в CSS файле, просто ниже скопировал весь кусок кода с #cssmenu1 и заменил в нем значение на #cssmenu2. Так же продублировал csshorizontalmenu.js и дал ему новое имя csshorizontalmenu1.js  и добавил его в файл templateDetails.xml. В самом index.php ничего не менял. Да и еще в настройках обоих меню (основного верхнего и продукблированного нижнего) в строке ID Меню поставил значения cssmenu1 и cssmenu2 соответственно. В результате всех этих действий в верхнем меню по прежнему как нужно выпадающее меню работает, а в нижнем нет. Да , в коде #cssmenu1 заменил на .cssmenu1 но меню от этого только рассыпалось. Что то я не так делаю?

[Shustry]

Дайте ссылку на сайт.

[serjik]

вот ссылочка http://new.autojockey.ru/
Выпадающее меню снизу нужно чтоб выпадало так же как и верхнее но только вверх, думаю поправить это в ява скрипте не составит труда, главное добиться чтобы оно выпадало хотя бы вниз как и верхнее.  Сейчас кусок CSS кода выглядит так:

Код:

.main{margin:0 auto;height: auto !important; min-height:100%; height: 100%;}
.head {background:url(../images/full.jpg) 50% 50%  no-repeat;height: 538px;}
.head2 {background:#003E87 url(../images/fpage.jpg) 50% 50%  no-repeat;height: 118px;}
.content {background:url(../images/menu.gif) 0 0  repeat-x;}
.wrap {width:840px;margin:0 auto} /* shirina centralnoy chasti */
.top_menu {height:24px;line-height:24px}
.top_menu li {float:left;color:#6d6d6d;background:url(../images/menua.gif) 0 0  no-repeat}
.top_menu li a {display:block;padding:0 12px;margin:0 2px;line-height:24px;height:24px;color:#000;font:bold 13px tahoma;text-decoration:none}
.top_menu li a:hover {color:#FFF; background: url(../images/menud.gif)  repeat-x;}
.txt {padding:10px 0}
.txt p {text-indent:30px;font-size:14px;}
.txt img {border: 3px double #666666;margin:30px}
.txt .componentheading, .txt h1 {font-size:22px;padding:0 0 20px 0}

#cssmenu1 li {position:relative}
.top_menu #cssmenu1 li ul {position:absolute;display: block;z-index: 100;top:24px;left:0;visibility: hidden;}
.top_menu #cssmenu1 li li {display: inline;float: none;}
.top_menu #cssmenu1 li li  a {background: #CCC;width: 205px;font:normal 12px tahoma}
.top_menu #cssmenu1 li li  a:hover {background:#999;}

#cssmenu2 li {position:relative}
.top_menu #cssmenu2 li ul {position:absolute;display: block;z-index: 100;top:24px;left:0;visibility: hidden;}
.top_menu #cssmenu2 li li {display: inline;float: none;}
.top_menu #cssmenu2 li li  a {background: #CCC;width: 205px;font:normal 12px tahoma}
.top_menu #cssmenu2 li li  a:hover {background:#999;}

.footer {margin:-76px auto 0;height:76px;background:url(../images/foot.jpg) 0 0 repeat-x;color:#444444;}
.footer_blank {height:90px;}
.fot_menu {height:46px;line-height:46px;}
.ttm {float: right;right: 50%;width: auto;position:relative;}
.top_menu ul {float: left;list-style: none;right: -50%;position:relative;}

в настройках обоих  меню ID Меню стоит как и писал cssmenu1 и cssmenu2

[serjik]

Shustry ну как не появилось еще идей как реализовать данную задачу?

[Shustry]

Появилась. Нельзя на одной странице использовать два одноимённых id. Это грубая ошибка. Я ж писал заменить на класс. Но, т.к. у вас там Joomla 1.5, то это приходится исправлять вручную:
http://joomlaforum.ru/index.php?topic=101136.0 - исправление ошибки.
http://www.joomla15.ru/вертска/receips-makeup/73-helpermodmainmenutitle.html - вынос хелпера в шаблон. На своё усмотрение.

[serjik]

К сожалению ничего не вышло....сделал как написано по ссылкам и все осталось как было, выпадающие пункты в нижнем меню так и не заработали ((.

[serjik]

Народ, а есть какой то другой способ сделать два меню на одной странице? Уже две недели мучаюсь но никак не получаеться сделать второе нижнее меню чтоб работало  так же как верхнее, тоесть с выпадающими вверх пунктами меню.... Пробовал ставить сторонние меню только для этого нижнего но все равно ничего не выходит, получаю только одноуровневое меню

[serjik]

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