Создание меню в css

Статус
Закрыто для дальнейших ответов.

forest

Member
Регистрация
01.07.2013
Сообщения
10
Хочу создать меню, так чтобы при наведении на блок цвет фона менялся, а при нажатии фон сохранял бы этот цвет. То есть, чтобы активная ссылка была одного цвета, а остальные другого

html:

<div id="topmenu">
<ul>
<li><a href="#">Меню 1</a></li>
<li><a href="#">Меню 2</a></li>
<li><a href="#">Меню 3</a></li>
<li><a href="#">Меню 4</a></li>
<li><a href="#">Меню 5</a></li>
</ul>
</div>

css:


#topmenu ul{
margin:0;
margin-left: 40px;
padding: 0;
list-style: none;
}
#topmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
#topmenu a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0;
padding: 5px 10px 9px 10px;
background-color: white;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
#topmenu a:hover{
background-color: #D10000;
padding-top: 9px;
padding-bottom: 5px;
color: white;
}
#topmenu a:visited{
background-color: #D10000;
padding-top: 9px;
padding-bottom: 5px;
color: white;
}

Знаю, что здесь много лишнего, но помощь нужна срочно)
 

lekzd

parse error: parse error, unexpected T_STRING...
Регистрация
17.02.2011
Сообщения
1 125
цвет пункта при наведении находится в #topmenu a:hover, свойство background-color:
при нажатии что происходит? переход на другую страницу?
 

forest

Member
Регистрация
01.07.2013
Сообщения
10
[quote name='lekzd' timestamp='1372766260' post='62069']
цвет пункта при наведении находится в #topmenu a:hover, свойство background-color:
при нажатии что происходит? переход на другую страницу?
[/quote] да
 

lekzd

parse error: parse error, unexpected T_STRING...
Регистрация
17.02.2011
Сообщения
1 125
Значит на каждой странице надо выделять активный пункт меню каким-то классом, например, добавлять к пункту класс active: <li><a class=active"" href="#">Меню 1</a></li>
и изменить css чуть-чуть #topmenu a:hover заменить на #topmenu a:hover, #topmenu a.active
 

forest

Member
Регистрация
01.07.2013
Сообщения
10
Все получилось. Большое спасибо...даже как то неудобно, что сам не додумался)
 
Статус
Закрыто для дальнейших ответов.
Верх Низ