сейчас наброски такие вот:
- Код: Выделить всё
<div id="menu">
<div id="menu_l"></div>
<ul>
<li><a href="#" class="m">Главная</a></li>
<li><a href="#" class="m">О фонде</a></li>
<li><a href="#" class="m">Страхование</a></li>
<li><a href="#" class="m">Учреждения</a></li>
<li><a href="#" class="m">Пресс-центр</a></li>
</ul>
<div id="menu_r"></div>
</div>
- Код: Выделить всё
div#container #menu {
height: 28px;
background: url('/img/menu_bg.png') repeat-x;
border-bottom: 2px solid #669900;
}
div#container #menu_l {
width: 11px;
height: 30px;
float: left;
background: url('/img/menu_l.png');
}
div#container #menu_r {
width: 11px;
height: 30px;
float: right;
background: url('/img/menu_r.png');}
div#container #menu ul {
width: 80%;
margin: 0 auto;
padding: 0;
list-style-type:none;
background: transparent;
overflow: hidden;
}
div#container #menu ul li {
width: 20%;
height: 28px;
padding-top: 5px;
float: left;
text-align: center;
}
/img/menu_bg.png - зеленый фон под меню
/img/menu_l.png, /img/menu_l.png - аппендиксы по бокам )