Хочу создать меню, так чтобы при наведении на блок цвет фона менялся, а при нажатии фон сохранял бы этот цвет. То есть, чтобы активная ссылка была одного цвета, а остальные другого
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;
}
Знаю, что здесь много лишнего, но помощь нужна срочно)
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;
}
Знаю, что здесь много лишнего, но помощь нужна срочно)