Форумы портала PHP.SU :: Версия для печати

1. dembi - 30 Октября, 2009 - 14:39:27 - перейти к сообщению

Привет всем.
Есть горизонтальное меню. Сделанное в виде списка.
Нужно, чтобы при нажатие на какой-то определенный раздел меню, он подсвечивался к примеру красным цветом. При нажатие на другой раздел, он подсвечивался красным, а все остальные разделы меню были к примеру синего цвета. И т.д.
Подскажете, пожалуйста, где я ошибаюсь.

Код ниже:

Само меню:

CODE (text):
скопировать код в буфер обмена

 
                <div class="h_mnu_01"> 
                <ul> 
                <li><a href="main.php">Общая</a></li>
                <li><a href="find.php">Поиск</a></li>
                <li><a href="report.php">Отчет</a></li>
                <li><a href="parameters.php">Параметры</a></li>
                </ul>
                </div>
 

А вот и стили:

CODE (text):
скопировать код в буфер обмена

 
.h_mnu_01 {
        float: left; /* добавляем список в div */ 
        font-size: 14pt;  /* задаем размер шрифта */ 
        font-weight:bold; /* Делаем шрифт ширным*/
        font-family: Liberation Sans, Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
}
.h_mnu_01 ul{
        padding: 0;
        margin: 0; 
}
 
.h_mnu_01 ul li{
        float:left; /* располагаем список по горизонтали */ 
        list-style-type: none; /* удаляем маркеры */  
        border: 1px solid #000; /* Рамка вокруг текста */
        margin:10px 0px 10px 8px;  /*Отступы между объектами*/
        background:#E6E6E6;
}
 
.h_mnu_01 ul li a{ 
        color:#00c69d;
        text-decoration: none;
}
   
.h_mnu_01 ul li a:LINK {
    color: #07568d; /* Цвет ссылок */
   }
 .h_mnu_01 ul li a:VISITED {
    color: #C41D31; /* Цвет посещенных ссылок */
   } 
.h_mnu_01 ul li a:ACTIVE {
    color: #1D1DC4; /* Цвет посещенных ссылок */
   }
 