CSS:
Code
#menu ul{
float:left;
padding:0 0px 0 0px;
display:block;
width:971px;
margin:10px 0 0 0;
list-style-type:none;
}
#menu ul li{
float:left;
padding:3px 3px 0px 1px;
}
#menu ul li a{
float:left;
padding:0px 10px 0px 0px;
color:#ffffff;
font-size:11px;
font-family:Arial;
text-decoration:none;
background:url(i/nav-hover.png) right top no-repeat;
}
#menu ul li a span{
float:left;
display:block;
width:auto;
height:18px;
cursor:pointer;
padding:4px 0px 0px 10px;
background:url(i/nav-hover-span.png) left top no-repeat;
}
#menu ul li a:hover, #menu ul li a.active{
color:#000000;
background-color:inherit;
background:url(i/nav.png) right top no-repeat;
float:left;
}
#menu ul li a:hover span, #menu ul li a.active span{
background:url(i/nav-span.png) left top no-repeat;
color:#000000;
float:left;
}
HTML:
Code
<div id="menu">
<ul>
<li><a class="active" href="index.html"><span>Главная</span></a></li>
<li><a href="aboutus.html"><span>Новости</span></a></li>
<li><a href="blog.html"><span>Фотки</span></a></li>
<li><a href="services.html"><span>Файлы</span></a></li>
<li><a href="portfolio.html"><span>Мувики</span></a></li>
<li><a href="usefullinks.html"><span>Заметки</span></a></li>
<li><a href="contact.html"><span>Кланы</span></a></li>
</ul>
</div>
Скачать