Привет всем.
Есть горизонтальное меню. Сделанное в виде списка.
Нужно, чтобы при нажатие на какой-то определенный раздел меню, он подсвечивался к примеру красным цветом. При нажатие на другой раздел, он подсвечивался красным, а все остальные разделы меню были к примеру синего цвета. И т.д.
Подскажете, пожалуйста, где я ошибаюсь.
Код ниже:
Само меню:
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; /* Цвет посещенных ссылок */ }
|