https://forest1.my1.ru/testy_gosy_2023.docx
Голубое белое горизонтальное меню Ucoz
Оно полностью кроссбраузерное(работает даже в IE).
Ставим этот код где хотите видеть:
Code
<div id="nav-menu">
<ul>
<li><a href="http://forest1.my1.ru/">Главная</a></li>
<li><a href="http://forest1.my1.ruforum">Форум</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
И этот код в CSS:
Код
#nav-menu ul { list-style: none; padding: 0; margin: 0; } #nav-menu li { float: left; margin: 0 0.15em; } #nav-menu li a { background: url(http://i061.radikal.ru/1008/0b/9b16ae24370a.gif) #fff; height: 2em; line-height: 2em; float: left; width: 9em; display: block; border: 0.1em solid #2f97bd; color: #2f97bd; text-decoration: none; text-align: center; } #nav-menu li a:hover { background: url(http://i067.radikal.ru/1008/34/4223e9558611.gif) #30a7d2; height: 2em; line-height: 2em; float: left; width: 9em; display: block; border: 0.1em solid #2f97bd; color: #fff; text-decoration: none; text-align: center; } /* Хак для IE */ #nav-menu li a { float: none } /* ========== */ #nav-menu { width
Загружаем страницу...
