Не работает стиль активной ссылки (a.mainlevel#active_menu)

Тема в разделе "Создание шаблона", создана пользователем antobarto, 20.04.2008.

Статус темы:
Закрыта.
  1. Offline

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

    Регистрация:
    16.03.2008
    Сообщения:
    23
    Симпатии:
    0
    Здравствуйте. Создал новое меню cmmenu, стиль - вертикально. Для оформления применил суффикс класса меню _cmmenu. Внёс дополнения в CSS:
    Код (html):
    1. /* # ìåíþ êîìïüþòåðîâ # */
    2.  
    3. .mainlevel_cmmenu
    4. {
    5.     font-size: 10px;
    6.     padding-left: 4px;
    7.     width: 200px;
    8.     display: block;
    9.     color: Black;
    10.     margin-bottom: 10px;
    11.     font-weight: normal;
    12.     border-left: 4px double #CACACA;
    13.     text-decoration: underline;
    14. }
    15.  
    16. a.mainlevel_cmmenu:hover
    17.  {
    18.     color: Black;
    19.     border-left: 4px double #ff0000;
    20.     font-weight: bold;
    21.  
    22. }
    23.  
    24. a.mainlevel_cmmenu#active_menu
    25.  
    26.  {
    27.     color: black;
    28.     border-left: 4px double #ff0000;
    29.     font-weight: bold;
    30. }


    при наведении ссылка темнеет, но после нажатия не принимает нужный слиль. Хотя, в коде видно:

    Код (html):
    1. <table width="100%" border="0" cellpadding="0" cellspacing="0">
    2. <tr align="left"><td><a href="http://mtech.kz/index.php?option=com_content&amp;task=view&amp;id=1&amp;Itemid=19" class="mainlevel_cmmenu" id="active_menu_cmmenu">Компьютер для чайников</a></td></tr>
    3. <tr align="left"><td><a href="http://mtech.kz/index.php?option=com_content&amp;task=view&amp;id=12&amp;Itemid=20" class="mainlevel_cmmenu" >Компьютер для геймеров</a></td></tr>
    4. <tr align="left"><td><a href="http://mtech.kz/index.php?option=com_content&amp;task=view&amp;id=13&amp;Itemid=21" class="mainlevel_cmmenu" >Компьютер для хакеров</a></td></tr>
    5.  
    6. </table>


    Где я ошибаюсь? Подскажите пожалуйста.
     
  2.  
  3. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    629
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Не работает стиль активной ссылки (a.mainlevel#active_menu)

    Ответ в самом вопросе, точнее в приведенных Вами кодах: разберитесь, какой идентификатор используется у Вас на сайте, а какой селектор Вы описываете в стилевом файле. Проще говоря, что правильно, #active_menu или #active_menu_cmmenu?
     
  4. Offline

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

    Регистрация:
    16.03.2008
    Сообщения:
    23
    Симпатии:
    0
    Ответ: Не работает стиль активной ссылки (a.mainlevel#active_menu)

    Спасибо. Разобрался не сразу, но "дошло" быстро :)

    сделал просто:
    Код (html):
    1. .mainlevel_cmmenu
    2. {
    3.     font-size: 10px;
    4.     padding-left: 4px;
    5.     width: 200px;
    6.     display: block;
    7.     color: Black;
    8.     margin-bottom: 10px;
    9.     font-weight: normal;
    10.     border-left: 4px double #CACACA;
    11.     text-decoration: underline;
    12. }
    13.  
    14. a.mainlevel_cmmenu:hover
    15.  {
    16.     color: Black;
    17.     border-left: 4px double #ff0000;
    18.     font-weight: bold;
    19. }
    20.  
    21. [B]#active_menu_cmmenu
    22.  
    23.  {
    24.     color: black;
    25.     border-left: 4px double #ff0000;
    26.     font-weight: bold;
    27. }[/B]


    Ammiak, огромное спасибо за оперативную помощь.
     
Статус темы:
Закрыта.

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

Загрузка...