вот такое меню:
http://qwertyx.tk/menu-zid/index.html
Стиль CSS :
Code
<style type="text/css">
#menu {font: 11px Arial, Helvetica, sans-serif;
background-image:url('images/bc_bg.png');
background-repeat:repeat-x;
height:35px;
line-height:35px;
color:#9b9b9b;
border:solid 1px #cacaca;
width:100%;
overflow:hidden;
margin:0px;
padding:0px;
}
#menu li {list-style-type:none;
float:left;
padding-left:10px;
}
#menu a {height:30px;
display:block;
background-image:url('images/bc_separator.png');
background-repeat:no-repeat;
background-position:right;
padding-right: 15px;
text-decoration: none;
color:#454545;
}
.home {border:none;
margin: 8px 0px;
}
#menu a:hover{color: gray;
}
#qwerty
{
top:1px;
}
</style>
Код меню:
Code
<ul id="menu">
<li><a href="http://zid.moy.su/" title="Главная"><img src="images/home.png" alt="Home" class="home" /></a></li>
<li><a href="http://zid.moy.su/forum/" title="Форум">Форум</a></li>
<li><a href="http://zid.moy.su/photo/" title="Здесь собраны фотографии мопедов участников">Галерея ЗиДов</a></li>
<li><a href="http://zid.moy.su/gb/" title="Тут можно оставить отзыв о сайте">Гостевая книга</a></li>
<form method="post" action="http://zid.moy.su/forum/"> <p align="right">
<input class="fastSearch" type="text" name="kw" value="Быстрый поиск по форуму" onblur="if(value==''){value='Быстрый поиск по форуму'}" onfocus="if(value=='Быстрый поиск по форуму'){value=''}" size="25" maxlength="60" />
<input type="hidden" name="a" value="6" />
</p>
</form>
</ul>
