Выделение активного пункта меню

@selevit · Регистрация: 08.10.2008

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток, приношу свои извинения, если это уже обсуждалось, собственно суть вопроса - Пункт меню должен подсвечиваться так же как при наведении когда он активен.

Вот код html:

HTML5
1
2
3
4
5
6
<div id="main-navigation-top-item" onclick="location.href='index.html'";>Главная<a href="index.html">Главная</a></div>
<div id="main-navigation-top-item" onclick="location.href='#sources'";>Исходники<a href="#sources">Исходники</a></div>
<div id="main-navigation-top-item" onclick="location.href='#forum'";>Форум<a href="#forum">Форум</a></div>
<div id="main-navigation-top-item" onclick="location.href='#soft'";>Софт<a href="#softl">Софт</a></div>
<div id="main-navigation-top-item" onclick="location.href='#rules'";>Правила<a href="#rules">Правила</a></div>
<div id="main-navigation-top-item" onclick="location.href='#faq'";>FAQ<a href="#faq">FAQ</a></div>

А вот css

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
#main-navigation-top-item {
font-family: Verdana;
font-size: 14px;
text-align: center;
background: url(../images/bg/main-navigation-top-item-bg.png) no-repeat;
width: 125px;
height: 30px;
margin-left: 4px;
padding-top: 6px;
float: left;
color: #fff;
}
#main-navigation-top-item:hover {
background: url(../images/bg/main-navigation-top-item-active-bg.png) no-repeat;
width: 125px;
height: 30px;
color: #b6ed68;
text-decoration: none;
cursor: pointer;
}
 
#main-navigation-top-item:active {
background: url(../images/bg/main-navigation-top-item-active-bg.png) no-repeat;
width: 125px;
height: 30px;
color: #b6ed68;
text-decoration: none;
cursor: pointer;
}
 
#main-navigation-top-item a {
display: none;
}

Заранее спасибо =)

@paxa775 · 23.02.2017, 18:26

сломал код который был отмечен как правильный, а смысл в том, что при переходе на эту ссылку открывается другая страница естественно с этим же меню, НО кнопка не подсвечивается))

Новые блоги и статьи Все статьи Все блоги /
[golang] Двоичная куча, min-heap alhaos 20.05.2026 Двоичная куча Двоичная куча — структура данных, которая всегда держит самый важный элемент наготове. Представьте очередь к хилеру в игре, и очередь из игроков в приоритете те у кого меньше. . .	[golang] Breadth-First Search alhaos 19.05.2026 BFS (Breadth-First Search) — это базовый алгоритм обхода графа в ширину, который поуровнево исследует все связанные вершины. Он начинает с выбранной точки и проверяет всех соседей, прежде чем. . .	[golang] Алгоритм «Хак Госпера» alhaos 17.05.2026 Алгоритм «Хак Госпера» Хак Госпера (Gosper's Hack) — алгоритм нахождения следующего по величине числа с тем же количеством установленных бит. Придуман Биллом Госпером в 1970-х, опубликован в. . .	Рисование бинарного древа до 6-го колена на js, svg. russiannick 17.05.2026 <svg width="335" height="240" viewBox="0 0 335 240" fill="#e5e1bb"> <style> <!]> </ style> <g id="bush"> </ g> </ svg> function fn(){ let rost;/ / высота древа let xx=165,yy=210,w=256;
FSharp: interface of module DevAlt 16.05.2026 Интерфейс модуля F# позволяет управлять доступностью членов, содержащихся в реализации модуля. По-умолчанию все члены модуля доступны: module Foo let x = 10 let boo () = printfn "boo" . . .	Хитросплетение родственных связей пантеона греческих богов. russiannick 14.05.2026 Однооконник, позволяющий узреть и изучить отдельных героев древней Греции. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible". . .	[golang] Угол между стрелками часов alhaos 12.05.2026 По заданным значениям часа и минуты необходимо определить значение меньшего угла между стрелками аналогового циферблата часов. import "math" func angleClock(hour int, minutes int) float64 { . . .	Debian 13: Установка Lazarus QT5 ВитГо 09.05.2026 Эта инструкция моя компиляция инструкций volvo https:/ / www. cyberforum. ru/ blogs/ 203668/ 10753. html и его же старой инструкции по установке Lazarus с gtk2. . .

@paxa775 0 / 0 / 0 Регистрация: 23.02.2016 Сообщений: 9
	23.02.2017, 18:26
	сломал код который был отмечен как правильный, а смысл в том, что при переходе на эту ссылку открывается другая страница естественно с этим же меню, НО кнопка не подсвечивается)) 0

Опции темы