Выделенный текст активного меню

Тема в разделе "Навигационная структура сайта", создана пользователем loat, 30.06.2008.

  1. Offline

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

    Регистрация:
    27.06.2008
    Сообщения:
    3
    Симпатии:
    0
    Прочитал доки, но так и не нашол как решить данную проблему. Если вам не трудно подскажите пожалуйста.

    В моем шаблоне есть меню:

    Код (CODE):
    1. <div class="sectionlink">
    2.  <jdoc:include type="modules" name="left" style="xhtml" />
    3. </div>


    оно отображает того раздела в котором мы сейчас находимся. Например мы находимся в разделе "Услуги", у нас меню будет такого вида:

    Услуга1
    Услуга2
    Услуга3

    Подскажите пожалуйста, как сделать так, чтобы к активному на данный момент пункту меню применялся какой либо стиль например выделение жирным (font-weight: bold) если мы в данный момент находимся на странице Услуга3.


    Услуга1
    Услуга2
    Услуга3
     
  2.  
  3. ListOn
    Offline

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

    Регистрация:
    03.03.2007
    Сообщения:
    115
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Выделенный текст активного меню

    Добавить что-нибудь вроде a:active {} пробовал?
     
  4. Offline

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

    Регистрация:
    27.06.2008
    Сообщения:
    3
    Симпатии:
    0
    Ответ: Выделенный текст активного меню

    Пробовал, но к сожалению не помогает.
     
  5. doctorgrif
    Offline

    doctorgrif Местный => Cпециалист <=

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    Ответ: Выделенный текст активного меню

    a:active {font-weight: bold;}
    должно помочь
    и спецификацию css пошукай на предмет данного действа
     
  6. ListOn
    Offline

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

    Регистрация:
    03.03.2007
    Сообщения:
    115
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Выделенный текст активного меню

    Хм, странно. Твое меню описывается определенным стилем (sectionlink), судя по всему. И правило для него должно быть примерно таким: a.sectionlink:active. А еще лучше скопировать уже существующий стиль для меню и немного его переделать.
    Также имеет значение очередность: link, visited, active, hover.
    И еще, обновляй кэш, особенно если работаешь в Опере, а то я тоже как-то так мучился, а оказалось, что все уже давно сделано, просто Опера не подхватывала изменения :)
    ЗЫ. А вообще, слишком мало информации ты даешь. Ты же заинтересован в том, чтобы решить проблему, а получается, что информацию из тебя приходится по крупицам вытягивать... Пробовал... Как пробовал, какой эффект наблюдал?... Ну, в общем, ты понял :)
     
  7. Offline

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

    Регистрация:
    27.06.2008
    Сообщения:
    3
    Симпатии:
    0
    Ответ: Выделенный текст активного меню

    Всем большое спасибо за советы. Вот если вдруг кому-либо понадобится:

    #active_menu {margin:0 0 .7em 0; display:block; text-align: left; font-weight: bold;}
     

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

Загрузка...