неактивные ссылки категорий и подкатегорий

[sonicking]

всем привет!

как сделать не активными (не кликабельными) ссылки на категории в главном (горизонтальном) меню и неактивными ссылки на подкатегории в которых есть ещё подкатегории

как пример:

 

категория 1

-подкатегория 1.1

-подкатегория 1.2

--подподкатегория 1.2.1

--подподкатегория 1.2.2

-подкатегория 1.3

-подкатегория 1.4

-подкатегория 1.5

--подподкатегория 1.5.1

--подподкатегория 1.5.2

 

т.е. ссылка на "категория 1" должна быть не активна, а просто при наведении должно разворачиваться подменю с подкатегориями 1,2,3,4,5

в свою очередь, подкатегории 1.1; 1.3 и 1.4 должны быть кликабельны, а подкатегории 1.2 и 1.5 нет и в них тоже должно при наведении разворачиваться подменю с подподкатегориями

 

чтоб избавится от кликабельности ссылок по "категория 1" в файле header.tpl (от темы) удалил выделенное красным.

 

<div id="menu">

  <ul>

    <?php foreach ($categories as $category) { ?>

    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>

      <?php if ($category['children']) { ?>

      <div>

        <?php for ($i = 0; $i < count($category['children']);) { ?>

        <ul>

          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

          <?php for (; $i < $j; $i++) { ?>

          <?php if (isset($category['children'][$i])) { ?>

          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>

          <?php } ?>

          <?php } ?>

        </ul>

        <?php } ?>

      </div>

      <?php } ?>

    </li>

    <?php } ?>

  </ul>

</div>

 

ссылки пропали, но поплыл CSS. вот блок в CSS отвечающий за меню

 

/* menu */

#menu {

font-family: Arial, sans-serif;

background: #156e84 url('../image/menubg.png') repeat-x;

height: 50px;

margin-bottom: 30px;

-webkit-box-shadow: 0px 2px 2px #000;

-moz-box-shadow: 0px 2px 2px #000;

box-shadow: 0px 2px 2px #666;

padding: 0px;

border-bottom:3px solid #153659;

text-align:center;

}

#menu ul {

list-style: none;

margin:auto;

padding: 0;

display:inline-block;

margin-bottom:-4px;

text-align:left;

}

#menu > ul > li {

position: relative;

float: left;

z-index: 20;

padding: 6px 5px 5px 0px;

}

#menu > ul > li:hover {

}

#menu > ul > li > a {

font-size: 12px;

font-weight: bold;

color: #FFF;

line-height: 14px;

text-decoration: none;

display: block;

padding: 13px 13px 20px 13px;

margin-bottom: 0px;

z-index: 6;

position: relative;

text-transform: uppercase;

text-shadow:1px 1px 1px #000;

}

#menu > ul > li:hover > a {

 

}

#menu > ul > li:hover {

background:#1b1b1d url('../image/menubghover.png') repeat-x;

height:40px;

}

#menu > ul > li > div {

display: none;

background: #084b5c;

border-top:3px solid #2d97b2;

position: absolute;

z-index: 5;

padding: 5px;

margin-top:0px;

 

}

#menu > ul > li:hover > div {

display: table;

}

#menu > ul > li > div > ul {

display: table-cell;

}

#menu > ul > li ul + ul {

padding-left: 20px;

}

#menu > ul > li ul > li > a {

text-decoration: none;

padding: 4px;

color: #FFFFFF;

display: block;

white-space: nowrap;

min-width: 120px;

text-shadow:1px 1px 1px #000;

}

#menu > ul > li ul > li a> :hover {

background: #2b94ae;

}

#menu > ul > li > div > ul > li a>  {

color: #FFFFFF;

text-shadow:1px 1px 1px #000;

}

 

примерно понял, что здесь надо поправить, но не уверен

 

а как убрать ссылки в подкатегориях в которых есть ещё категории не пойму

 

P.S. для организации многоуровневого меню использую модуль "2 Level Catagory dropdown menu"

 

может всё можно решить по другому?