Активное меню

« : 08.12.2007, 15:33:43 »

Добрый день

ни как не могу сделать что бы было активное меню. Пробовал много вариантов которые предлагались в форуме, но не один не помог

index.php

Код

<div id="mainMenu">
    <ul class="floatRight">
        <li><?php mosLoadModules('top', -2) ?></li>
    </ul>
  </div>

css

Код

#mainMenu { 
  float: left;
  width: 100%;
  clear: both;  
}

#mainMenu ul {
  margin: 0;
  padding: 0;
  height: 38px;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;

  font: 400 1.6em "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #FFF;
}

#mainMenu li a:hover,
#mainMenu li a:active,
#mainMenu li a.here {
  color: #65EBFF;
  border-top: 5px solid #000;
}

класс here здесь не используется(остался от прежнего шаблона, но на сколько я понимаю он как раз и делает активное меню у донера правда тот в html)

и то что получаетя в IE

Код

<div id="mainMenu">
    <ul class="floatRight">
        <li>		<div class="moduletable">
			<ul id="mainlevel-nav"><li><a href="http://localhost/site/index.php" class="mainlevel-nav" >Главная</a></li><li><a href="http://localhost/site/index.php?option=com_contact&amp;Itemid=3" class="mainlevel-nav" >Контакты</a></li><li><a href="http://localhost/site/index.php?option=com_content&amp;task=section&amp;id=1&amp;Itemid=2" class="mainlevel-nav" >Новости</a></li><li><a href="http://localhost/site/index.php?option=com_weblinks&amp;Itemid=23" class="mainlevel-nav" >Ссылки</a></li><li><a href="http://localhost/site/index.php?option=com_fireboard&amp;Itemid=44" class="mainlevel-nav" >Форум</a></li></ul>		</div>
		</li>
    </ul>
  </div>

буду благодарен за любые подсказки

Записан

beliyadm

Легенда
9758
1665 / 66
Севастополь, Россия

Re: Активное меню

« Ответ #1 : 08.12.2007, 15:49:40 »

вообще то за ссылки в меню отвечает класс
a.mainlevel
Для активный ссылок соответственно класс
a.mainlevel#active_menu

Записан

Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Full_crazy

Захожу иногда
264
48 / 0
Иногда думаю ...

Re: Активное меню

« Ответ #2 : 08.12.2007, 18:42:42 »

Еще не помешает ( если используется стандартное меню Joomla) в настройках модуля включить подсветку активного пункта. Тогда active_menu заработает.

Записан

Joomla! = невозможного почти нет!

Re: Активное меню

« Ответ #3 : 09.12.2007, 01:00:37 »

Спасибо большое, за ответы!!

Все заработало, изменил в CSS вот это:

Код

#mainMenu li a:hover,
#active_menu-nav {
  color: #65EBFF;
  border-top: 5px solid #000;
}
#active_menu-nav:visited {
  color: #65EBFF;
}

Записан

Кликабельность псевдоэлемента в пункте меню Автор vasilii.pupkov	Ответов: 4 Просмотров: 4887	29.12.2021, 23:15:38 от v42bis
Выпадающее меню Автор DrShepard	Ответов: 10 Просмотров: 4188	20.10.2021, 12:36:16 от DrShepard
Как закруглить края выпадающего меню? Автор coliandra	Ответов: 1 Просмотров: 2611	11.12.2020, 21:15:57 от effrit
При прокрутке страницы виджет залезает на меню Автор coliandra	Ответов: 2 Просмотров: 2428	27.11.2020, 11:33:58 от coliandra
Как убрать маркер только из одного пункта меню. Автор kuraev64	Ответов: 2 Просмотров: 2557	20.07.2020, 11:18:44 от kuraev64

Активное меню - Вопросы по CSS

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

Активное меню

beliyadm

Re: Активное меню

Full_crazy

Re: Активное меню

Re: Активное меню

Похожие темы