Joomla 1.5 Подскажите с подсветкой

Тема в разделе "Вопросы по работе с меню", создана пользователем sandik, 11.11.2010.

  1. Offline

    sandik Недавно здесь

    Регистрация:
    09.11.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте, подскажите пожалуйста с подсветкой активного
    пункта меню, перепробовал по разному
    и не получается, как в моем случае реализовать

    Код (PHP):
    1. <ul class="topnav">
    2. <li id="current"><a href="#"><span>Главная</span></a></li>
    3. <li><a href="#"><span>ПУНКТ1</span></a></li>
    4. <li><a href="#"><span>ПУНКТ2</span></a></li>
    5. <li><a href="#"><span>ПУНКТ3</span></a></li>
    6. <li><a href="#"><span>ПУНКТ4</span></a></li>
    7. <li><a href="#"><span>ПУНКТ5</span></a></li>
    8. <li><a href="#"><span>ПУНКТ6</span></a></li></ul>


    Код (PHP):
    1. ul.topnav{width:auto;padding:0; margin:0;}
    2. ul.topnav li  {display: inline;list-style-type: none;}
    3. ul.topnav li a{display:block;float:left;line-height:21px;height:21px;margin:0 3px 3px 0;font-family:Arial, sans-serif;font-size:12px;font-style: text-decoration:none;color:#000;padding:0 9px 0 0}
    4. ul.topnav li a span{display:block;float:left;line-height:21px;height:21px;padding:0 0 0 9px;margin:0;cursor:pointer}
    5. ul.topnavp li a:hover, ul.topnav li#current a {background: url("../images/rb.png") 100% 50% no-repeat;text-decoration:none;color:#ff7800;}
    6. ul.topnav li a:hover span, ul.topnav li#current a span{background: url("../images/lb.png") 0% 50% no-repeat;}
     
  2.  
  3. koreeckz
    Offline

    koreeckz специалист

    Регистрация:
    03.03.2009
    Сообщения:
    422
    Симпатии:
    30
    Пол:
    Мужской
    Немного не понял вопроса.

    ul.topnav li a:hover span - вот это точно лишнее тут.

    достаточно внести нужные стили для

    ul.topnavp li#current a и ul.topnavp li#current a:hover
     
  4. Offline

    sandik Недавно здесь

    Регистрация:
    09.11.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Вот в этом я и пытаюсь разобратся
     
  5. koreeckz
    Offline

    koreeckz специалист

    Регистрация:
    03.03.2009
    Сообщения:
    422
    Симпатии:
    30
    Пол:
    Мужской
    Ну как я и написал выше, для данного случая достаточно написать стиль для a и a:hover, остальное не нужно. )
     

Поделиться этой страницей

Загрузка...