HTML Код:
Code
<ul id="vert_menu">
<li><a href="#"><span>Главная</span></a></li>
<li><a href="#"><span>Поиск</span></a></li>
<li><a href="#"><span>Регистрация</span></a></li>
<li><a href="#"><span>Карта сайта</span></a></li>
<li><a href="#"><span>О сайте</span></a></li>
</ul>
CSS Код:
Code
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
border: none;
}
#vert_menu {
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
font-size: 80%;
width: 202px;
}
#vert_menu li {
height: 37px;
}
#vert_menu li a:link, #vert_menu li a:visited {
text-decoration: none;
color: #f0bd9a;
display: block;
background: url(images/vert_menu.png) 0 0 no-repeat;
padding: 10px 0 10px 10px;
}
#vert_menu li a:hover, #vert_menu li #current {
color: #FFF;
background: url(/images/vert_menu.png) 0 -37px no-repeat;
padding: 10px 0 10px 15px;
}